В нашем приложении у нас есть предустановленный список цветов, которые пользователь может выбрать, и все, что связано с этим пользователем, будет иметь этот цвет.
Во всем приложении у нас будут различные модули с цветом, прикрепленным как имя класса.
например.
<div class="example_module green">
...
</div>
Мы используем LESS для нашего CSS.
В ряде мест мы делаем такие вещи:
.example_module.green { background: @green; }
.example_module.red { background: @red; }
.example_module.blue { background: @blue; }
etc
Я хотел бы иметь возможность устанавливать все эти имена цветов в виде массива и перебирать их. Если мы добавим цвета в будущем, нам нужно будет добавить их только в одном месте.
Псевдокод:
@colors: ['green', 'red', 'blue'];
for each @color in @colors {
[email protected] { background: @color; }
}
Что-то вроде этого даже поддерживается в LESS?