Как поставить число дроби перед единицей в SASS

У меня есть следующий код SASS:

margin: #{-5/16}rem

Я получаю с этим кодом:

margin: -5/16rem

Я хочу этот вывод:

margin: -0.3125rem

Я также попробовал это:

margin: (-5/16)rem

но это приводит к:

margin: -0.3125 rem <- notice the space between number and unit

2 ответа

Решение

Я попытался объединить обе ваши нотации, и это, кажется, работает правильно (Sass v3.4.25):

margin: #{(-5/16)}rem; /* margin: -0.3125rem; */

Sassmeister демо

Sass может напрямую выполнять математику с единицами измерения, поэтому правильный синтаксис для получения желаемого результата:

margin: (-5rem/16)
Другие вопросы по тегам