向Sass中的数字中添加一个单位

Question

向Sass中的数字中添加一个单位

我正在努力创造动态价值，但到目前为止已经失败了。创建的像素值似乎失去了用于计算的能力。

$numericValue: 30;

$pixelValue: $numericValue+px;
// also tried $pixelValue: #{$numericValue}px;

$calc: $pixelValue * 2;
// also tried $calc: unquote($pixelValue) * 2;

这会引发一个错误。

语法错误：未定义操作：“30 px乘以2”

Answer 1

你需要定义你要使用的单元。如果您正在处理像素，则可以创建动态值添加。px到$numericValue.$numericValue: 30px; $pixelValue: $numericValue; $calc: $pixelValue * 2;