Sass add% и em

Question

У меня есть маржа, определенная в em.

Я хочу сделать

width: 100% + 3em; 

, но блоки не будут играть хорошо.

В моей локальной среде разработки, я получил его на работу с интерполяцией, как так

width: #{100%} + #{$code-padding-h}; 

Но когда я пытаюсь перекомпилировать, то Прекомпиляция терпит неудачу с этой ошибкой

Sass::UnitConversionError: Incompatible units: 'em' and '%'

Answer 1

Вы можете сделать это трюк с методом calc в вашем css:

width: calc(100% + 3em);