МЕНЬШЕ: сгенерируйте разные CSS для разных тем (изменение цвета)

Question

Я хотел бы управлять созданием разных «тем» для моего сайта, используя LESS.

Моя идея состоит в том, чтобы сгенерировать разные скомпилированные .css-файлы, используя каждый раз конкретную переменную, которая импортируется корневым файлом.

Вот простой пример:

1) У меня есть 2 разных цветовая схема в 2-х отдельных файлах: variable1.less и variable2.less.

2) Файл style.les s должен иметь правило @import, как "@import variableX.less" и, очевидно, это 'X' следует изменить значения при условии, '1' и '2'.

3) Компилятор должен генерировать style1.css и style2.css, каждый из которых основан на относительном variable1.less и variable2.less.

Как это получить?

Answer 1

Вам нужно перевернуть направление импорта.

Файл style.less не должен импортировать переменные.

Вместо этого каждый файл variableN.less должен импортировать style.less после определения всех его переменных.
Эти файлы затем будут скомпилированы с полным набором правил, основанных на их значениях переменных.