Hinzufügen einer Einheit zu einer Nummer in Sass

Question

Ich versuche, dynamische Werte zu erstellen, aber bisher fehlgeschlagen. Der erstellte Pixelwert scheint die Fähigkeit zu verlieren, in Berechnungen verwendet zu werden.

$numericValue: 30; 

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

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

Dies wirft einen Fehler

Syntaxfehler: Nicht definierte Operation: "30px mal 2"

Answer 1

Der Trick ist * 1px zu verwenden, wenn Sie ein Gerät hinzufügen möchten. Mit +px oder Interpolation (#{$numericValue}px) wird es in eine Zeichenfolge.

$numericValue: 30; 

$pixelValue: $numericValue * 1px; 

$calc: $pixelValue * 2;