Agregar una unidad a un número en Sass
Estoy intentando crear valores dinámicos, pero hasta ahora he fracasado. El valor de píxel creado parece perder la capacidad de utilizarse en los cálculos.
$numericValue: 30;
$pixelValue: $numericValue+px;
// also tried $pixelValue: #{$numericValue}px;
$calc: $pixelValue * 2;
// also tried $calc: unquote($pixelValue) * 2;
Esto arroja un error
Error de sintaxis: operación no definida: "30px por 2"
Aceptado
El truco consiste en utilizarlo * 1pxcuando quieras agregar una unidad. El uso +pxo la interpolación ( #{$numericValue}px) lo convierte en una cadena.
$numericValue: 30;
$pixelValue: $numericValue * 1px;
$calc: $pixelValue * 2;
