Сасс объединяется, а не добавляет?

Мне нужно определить ширину в моем SCSS-коде так:

#example {
  width: $currentWidth + 349 !important;
}

Где $currentWidth определяется циклом.

Однако Сасс всегда конкатенирует два числа вместо выполнения арифметики.

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

width: #{$currentWidth + 349}px !important;

Это все еще приводит к конкатенации.

Мне интересно, что я делаю неправильно? Я знаю, что это невероятно основательно, но я также не могу найти хорошую информацию о том, как Sass обрабатывает арифметику

Ответы

Ответ 1

Предполагая, что $currentWidth является целым числом.

SASS:

$currentWidth: 30;

#example {
  width: unquote( ($currentWidth + 349) + 'px ' + !important );
}

ВЫХОД CSS:

#example {
  width: 379px !important;
}

Вы можете проверить его здесь:

http://sass-lang.com/try.html