在 Sass 中为数字添加单位

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

$numericValue: 30;

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

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

这会引发错误

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

诀窍是使用* 1px当你想添加一个单位时。使用+px或插值（#{$numericValue}px) 将其转换为字符串。

$numericValue: 30;

$pixelValue: $numericValue * 1px;

$calc: $pixelValue * 2;