Как тематизировать в Lesscss
Поскольку я нахожусь в подготовительном цикле разработки приложения, я часто меняю визуальное представление, чтобы приблизиться к тому, что будет подтверждено заказчиком.
Было бы интересно сохранить некоторые изображения на одной странице (назовите их темами), чтобы я мог быстро представить их клиенту.
Я нашел способ создать класс внешнего вида, надетый на тело, и, изменив его, я мог бы соответствующим образом изменить саму страницу.
Тем не менее, я заинтересован в тематизации глобальных менее переменных, таких как:
// default appearance
@navBarHeight: 50px;
.appearanceWhite {
@navBarHeight: 130px;
}
.appearanceBlack {
@navBarHeight: 70px;
}
Таким образом, позже, в .less, я придумываю следующие занятия:
#navBar {
height: @navBarHeight;
// appearance handling
.appearanceBlack & {
background-color: black;
}
.appearanceWhite & {
background-color: white;
}
}
Конечно, реальный случай, если сложнее.
Можно ли определить (или переопределить) меньше переменных в зависимости от класса CSS внешнего вида?