Блог

Я использую новую систему для выполнения делений в SASS math.div(), и это не вызывает у меня проблем, за исключением случаев, когда у меня есть переменная внутри. Я попытался использовать интерполяцию внутри math.div, но предупреждение стало ошибкой и не компилировалось.

У меня была та же проблема со следующим выражением, которое было создано мигратором sass:

 margin-left: calc(math.div(var(--space-s-l), -2));
margin-right: calc(math.div(var(--space-s-l), -2));
 

В итоге мне пришлось изменить значение math.div на умножение:

 margin-left: calc(var(--space-s-l) * -0.5);
margin-right: calc(var(--space-s-l) * -0.5);
 

В вашем случае вам захочется сделать что-то вроде:

 margin-top: calc(var(track-height) * 0.25);