2013-07-01 2 views
1

В текущем проекте, над которым я работаю, есть требование, чтобы некоторые клиенты нуждались в собственном стиле (цвета, шрифты и т. Д.). Другие клиенты будут использовать стиль по умолчанию, с любовью созданный нашим дизайнером.Использование LESS для пользовательского стиля

Я был привлечен к использованию чего-то вроде МЕНЬШЕ, чтобы у нас был файл переменных для каждого клиента и импортировал этот файл в каждую таблицу стилей CSS/меньше, где это необходимо. Файлы переменных будут находиться в другой папке для каждого клиента.

Проблема, с которой я столкнулся, заключается в том, как импортировать/ссылаться на пользовательские varaiables меньше файлов в другие таблицы стилей.

Это веб-сайт asp.net (а не MVC).

+0

Взгляните на [LESS 1.4.0] (https://github.com/less/less.js/tree/v1.4.0) (пока не опубликованы на их веб-сайте, но доступны только на GitHub). Теперь вы можете использовать '@ import' с переменными, возможно, это поможет вам. – gustavohenke

ответ

2

Написал цель MSBuild, чтобы скомпилировать все файлы LESS для каждого из разных клиентов, используя бесцельный компилятор. Цель использует задачу FileUpdate от MSBuildTasks, чтобы изменить переменные Импорт инструкции в каждом файле LESS до задачи компиляции, например, @import '/css/default/variables.less' изменен на '/css/customer1/variables.less' и т. Д.

Смежные вопросы