Как поставить число дроби перед единицей в 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; */
Sass может напрямую выполнять математику с единицами измерения, поэтому правильный синтаксис для получения желаемого результата:
margin: (-5rem/16)