как сложить переменную меньше

Question

У меня есть следующее =>

@header-height: 40;
@footer-height: 20;

Я хотел бы иметь возможность

    min-height: calc(~'100% - '@header-height+@footer-height'px') !important;

, которые возвращают мне

100% -60px

но мой тест не пройден, когда я получаю

min-height: calc (100% - 40 + 20 'px')! Важный;

Answer 1

Синтаксис ${var} можно использовать для вставки переменной в менее строковое выражение:

min-height: ~'calc(100% - @{header-height}px - @{footer-height}px)' !important;

Кроме того, лучше выполнить всю команду calc(...) из-за ~'calc(...)' синтаксиса