Sassの数字にユニットを追加する

Question

動的な値を作成しようとしていますが、これまでに失敗しました。作成されたピクセル値は、計算に使用される能力を失うように見える。

$numericValue: 30; 

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

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

これはエラー

構文エラースロー：未定義の動作：「30px回2」

Answer 1

トリックはあなたがユニットを追加したいとき* 1pxを使用することですが。 +pxまたは補間（#{$numericValue}px）を使用すると、文字列に変換されます。

$numericValue: 30; 

$pixelValue: $numericValue * 1px; 

$calc: $pixelValue * 2;