dotlesscss: как изменить значение переменных из таблицы стилей dotlesscss

Question

Я хотел бы использовать базовую таблицу стилей с цветами, определенными как переменные без точек. Затем, в зависимости от используемой цветовой темы, я бы хотел изменить эти цвета.

- пример базовой таблицы стилей:

body
{
  color: @brand_color;
}

- Пример конкретной таблицы стилей, в зависимости от выбранной мной цветовой схемы:

@import "../BaseStyleSheet.less.css";

@brand_color: green;

Как мне этого добиться?

Answer 1

Расширение импортируемого файла должно быть «.less».

Изменение значения переменной после или до оператора import не имеет значения, оно просто не меняет значение переменной, делая то, что я хотелневозможно.

"При импорте не будет доступа к переменным в основном справочном файле Less (или других ссылочных файлах Less в главном файле). Это гарантирует, что импортированные файлы Less не будут зависеть от того, где они использовались.. "

http://enginechris.wordpress.com/2009/11/23/my-thoughts-on-using-dotless-and-the-less-syntax/

Answer 2

Вам нужно изменить расширение вашего импортированного файла на .less

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

Также обратите внимание, что вам может потребоваться поместить объявление @brand_color: green перед импортом, чтобы импортированный файл мог получить к нему доступ.