Как использовать переменную внутри css3 calc с функцией less? - PullRequest
Новая
       6

Как использовать переменную внутри css3 calc с функцией less?

0 голосов
/ 15 октября 2018

Я использую математическую опцию parens-division.Пожалуйста, не предлагайте использовать строгий / наследие для решения этой проблемы.

В конечном итоге я хочу получить следующее: calc(100% - 13.75rem)

Однако я хочу использовать переменные в своем определении.С parens-Division у меня было 

@subtract: (220/16rem); // hack to work-around nested math interpretations
.zzz {
    width: calc(~"100% -" @subtract);
}

. После обновления некоторых моих сборок я начал получать ошибки на (220/16rem), поэтому теперь я попробовал 

@subtract: (220/16); // hack to work-around nested math interpretations
.zzz {
    width: calc(~"100% - @{subtract}rem");
}

, но безуспешно.Помощь оценена

1 Ответ

0 голосов
/ 15 октября 2018

Я создал ручку для проверки комбинации ваших решений.

Кажется, работает: 

@subtract: (220/16rem); // hack to work-around nested math interpretations
.zzz {
    background: red;
    height: 50px;
    width: calc(~"100% - @{subtract}");
}

https://codepen.io/anon/pen/dgZWVe

...