在Sass中添加一个单位到一个数字

我正在尝试创建动态值，但迄今为止失败了。 创建的像素值似乎失去了在计算中使用的能力。

$numericValue: 30; $pixelValue: $numericValue+px; // also tried $pixelValue: #{$numericValue}px; $calc: $pixelValue * 2; // also tried $calc: unquote($pixelValue) * 2; 

这会引发一个错误

语法错误：未定义的操作：“30px times 2”

• 编译SCSS时误报为“未定义variables”错误
• 在SCSS文件中导入常规CSS文件？
• Sass – 操纵inheritance的属性？
• 为什么Sasscaching文件夹被创build
• math与插值variables？

Answer 1

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

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