Как сделать Calc элементы в sass с переменными?

Question

[Web Lizard]

Пытаюсь засунуть переменные в calc. Делаю это таким образом:

$h: 100%
width: calc($h / 3 - 1px)

Но на рендере получается вот что:
width: calc($h/3 - 1px);

Так можно ли как то все таки использовать переменные в calc?

Answer 1

[Сергей delphinpro]

$h: percentage(1/3);
width: calc(#{$h}  - 1px);

Comments

[Web Lizard]

спасибо! не знал про фишку с percentage

[Сергей delphinpro]

Web Lizard: тут фишка в интерполяции #{$variable}
а percentage - просто встроенная функция. Их много разных и полезных. Посмотрите в документации.

[Web Lizard]

Сергей: а можете дать ссылочку если не затруднит?

[Сергей delphinpro]

Web Lizard: sass-lang.com/documentation/Sass/Script/Functions.html

[Web Lizard]

Сергей: спасибо!