Упрощение повторяющихся МЕНЬШЕ
Я создаю систему тем для сети WordPress, которая поддерживает несколько тем оформления, которые могут поддерживать цветовые схемы для различных университетов. Для этого я периодически компилирую файл LESS (используя lessphp) с переменными, специфичными для школы, и по сути использую его как библиотеку вспомогательных классов в темах.
У каждой школы есть 3 цвета, определенные в МЕНЬШЕ как:@primary
, @secondary
а также@tertiary
, Этот метод прост и функционален, но требует много повторений в коде. Например:
//Modifier Classes
.primary-lighter-text {
color: lighten(@primary,20);
}
.sec-lighter-text {
color: lighten(@secondary,20);
}
.tert-lighter-text {
color: lighten(@tertiary,20);
}
//Backgrounds
.primary-bg {
background-color: @primary;
}
.sec-bg {
background-color: @secondary;
}
.tert-bg {
background-color: @tertiary;
}
//Borders
.primary-border{
border-color: @primary;
}
.sec-border {
border-color: @secondary;
}
.tert-border {
border-color: @tertiary;
}
Ничего сложного с точки зрения LESS, но если я хочу добавить новый вспомогательный класс, мне нужно создать 3. Есть ли более лаконичный способ добиться этого?