SASS维度总和

Question

我有以下SCSS代码：

#appMain {
    margin-right: 25em + 1em;
}

#appLeft {
    float: left;
    width: 100%;
    padding-left: 1em;
}

#appRight {
    float: right;
    width: 25em;
    margin-right: -25em - 1em;
}

现在我想使用参数，所以我创建了2个变量

$rightDimension: "25em";
$marginBetween: "1em";

当我以这种方式更改代码时

#appMain {
    margin-right: $rightDimension + $marginBetween;
}

我现在得26em而不是获得25em1em，导致css无效，因此该属性不适用。

我做错了什么？如何使用SASS进行简单的数学运算？

Answer 1

由于你引用了这些值，Sass将它们视为字符串而不是值，并且进行连接而不是添加（就像Javascript也会这样做）。

只需省略引号即可使其正常工作。

$rightDimension: 25em;
$marginBetween: 1em;

working example