Меньше css с темой

Я использовал LESS CSS для своего документа CSS. На сайте есть разные темы. В голове я разместил две ссылки CSS. Так:

<!-- Theme -->
<link rel="stylesheet/less" type="text/css" href="static/css/themes/brabantzorg.less">

<!-- Global -->
<link rel="stylesheet/less" type="text/css" href="static/css/style.less">

Я тему меньше файл. Я поместил разные цвета для темы в файл темы меньше. У меня много разных файлов тем.

В глобальном файле css. Ставлю глобальный css с меньшим.

Но теперь у меня проблема. Чем меньше переменных я помещаю в тему, тем меньше файл. Не работают в style.less. Как я могу это исправить. Пример вы можете увидеть здесь: здесь

Проблема, которую меньше дают:

переменная @color-paragraphs не определена http://localhost/Regioportals/html/static/css/style.less в строке 292, столбце 10:


person Mike Vierwind    schedule 07.12.2011    source источник


Ответы (2)


Файлы LESS не имеют общего состояния.

Переменная @color-paragraphs, которую вы объявляете внутри brabantzorg.less, больше недоступна, когда обрабатывается style.less.

Вместо этого вам нужно сделать @import brabantzorg внутри style.less.

person thirtydot    schedule 07.12.2011

CSS интерпретируется сверху вниз, поэтому вы должны поместить тему css ниже глобальной.

person AMIB    schedule 07.12.2011