Dodawanie jednostki do liczby w Sass

Question

Próbuję utworzyć wartości dynamiczne, ale jak dotąd nie udało się. Stworzona wartość pikseli wydaje się tracić zdolność do wykorzystania w obliczeniach.

$numericValue: 30; 

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

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

to zgłasza błąd

błąd składni: Undefined operacji: "Czasy 30px 2"

Answer 1

Sztuką jest użycie * 1px gdy chcesz dodać jednostkę. Korzystanie z +px lub interpolacji (#{$numericValue}px) zamienia ją w łańcuch.

$numericValue: 30; 

$pixelValue: $numericValue * 1px; 

$calc: $pixelValue * 2;