Оператор разделения SCSS не компилируется

Я использую Sublime Text 2 и LiveReload для компиляции моего .scss файла. Я также пробовал код с той же проблемой.

Использование + и - работа не проблема, но * и/не компилируются.

font-size: 30px/2px; не компилируется до размера шрифта: 15px;

но

font-size: 30px + 2px; компилируется в font-size: 32px;

Любые идеи? Также, похоже, подсказка кода не работает для операторов умножения и деления, может быть, это конфликт пакетов? Кажется маловероятным.

Ответы

Ответ 1

Поместите его в круглые скобки, чтобы SCSS понял, что вы хотите, чтобы он выполнял арифметическую операцию. Кроме того, вы не хотите делиться px на другой номер, так как это приведет к единичному числу.

Это то, что вы ищете:

div {
  font-size: (30px / 2)
}