我正在尝试创建动态值,但到目前为止失败了。创建的像素值似乎失去了在计算中使用的能力。
$numericValue: 30;
$pixelValue: $numericValue+px;
// also tried $pixelValue: #{$numericValue}px;
$calc: $pixelValue * 2;
// also tried $calc: unquote($pixelValue) * 2;
这引发一个错误
语法错误:未定义的操作:“ 30px×2”
我正在尝试创建动态值,但到目前为止失败了。创建的像素值似乎失去了在计算中使用的能力。
$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
。