Правильное добавление единицы в число онлайн урок.


При преобразовании безразмерного числа в длину, длительность, угол или что-то еще, люди склонны просто добавлять блок как строку, например:

$value: 42;
$length: $value + px;
// 42px

Хотя этот метод работает, он далек от идеала, потому что он приводит к неявному изложению начального значения в виде строки. Действительно, если вы попытаетесь выполнить математику с значением$ lengthс этого момента, вы увидите, что Sass быстро выдает ошибку, потому что не может выполнять математические операторы со строкой.

Чтобы обойти эту проблему, есть два способа сделать это правильно:

$value: 42;
$length: $value + 0px;
// 42px

$value: 42;
$length: $value * 1px;
// 42px

Любой из этих методов будет правильно генерировать число, как ожидалось, а не строку.