Могу ли я сделать математику в рамках LESS CSS-интерполяции?
У меня есть это меньше, и я не могу понять, как сделать математику в строке
@bp-tablet-landscape: 1024px;
@bp-tablet-portrait : 768px;
@tablet-landscape-only: ~"only screen and
(min-width:@{bp-tablet-portrait} + 1) and (max-width: @{bp-tablet-landscape})";
использование
div#header {
@media @tablet-landscape-only {
background: #000;
}
}
Но это не совсем правильно компилируется. Это не добавляет 768px + 1, как я надеялся. Есть идеи? Я попробовал несколько разных вкусов, и я не могу это прибить. Очевидно, что я могу определить переменную вне строки concat, но я бы хотел избежать такого подхода, если это возможно.
WinLess онлайн-компилятор выходы
@media only screen and (min-width:768px + 1) and (max-width: 1024px) {
div#header {
background: #000;
}
}
я хочу получить769px
там вместо768px + 1