将单位添加到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;

---

您需要定义要使用的单位。如果使用像素，可以创建动态值，将

px

添加到

$numericValue

$numericValue: 30px;
$pixelValue: $numericValue;
$calc: $pixelValue * 2;