LESS:为不同的主题(颜色变化)生成不同的CSS

时间:2015-02-06 16:18:44

标签: less

我想管理不同"主题"的创作。对于我的网站,使用LESS。

我的想法是生成不同的已编译.css文件,每次使用由根文件导入的特定变量。

这是一个简单的例子:

1)我在2个不同的文件中有2种不同的配色方案:variable1.lessvariable2.less

2)文件style.les应该有一个@import规则,例如" @import variableX.less"显然这个' X'应该改变假设值' 1'和' 2'

3)然后编译器应生成style1.cssstyle2.css,每个都基于相对variable1.lessvariable2.less

如何获得这个?

1 个答案:

答案 0 :(得分:1)

您需要翻转导入路线。

style.less文件不应导入任何变量。

相反,每个variableN.less文件在定义所有变量后都应导入style.less 然后,这些文件将根据其变量值编译为一整套规则。