Добавление единицы в число в Sass

Я пытаюсь создать динамические значения, но до сих пор не удалось. Созданное значение пикселя, по-видимому, утрачивает возможность использования в вычислениях.

$numericValue: 30;

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

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

Это вызывает ошибку

Синтаксическая ошибка: Undefined операция: "30px раз 2"

Ответы

Ответ 1

Фокус в том, чтобы использовать * 1px, если вы хотите добавить блок. Использование +px или интерполяции (#{$numericValue}px) превращает его в строку.

$numericValue: 30;

$pixelValue: $numericValue * 1px;

$calc: $pixelValue * 2;