使用不同的变量值编译多个LESS文件

时间:2013-04-22 12:25:11

标签: wordpress less

我目前正在创建一个具有多个颜色主题的网站 - 为此使用LESS和@variables似乎很自然(使用Wordpress / WP-Less)。我很快意识到我找不到一个非常干净的方式只有一个单片样式表,当然,编译后的变量不能被覆盖,并且在每个页面渲染上编译都是不可行的。

创建单独的主题样式表(仅包含变量修改的值)似乎是唯一的方法,但将来维护起来会有点麻烦。 我只使用1-3个变量,但它们被多次引用。

是否有可能利用WP-Less / Lessphp从多个.css中删除多个.css,并更改了几个不同的变量?

或者是否有更简单/其他标准方法来实现上述目标?

1 个答案:

答案 0 :(得分:1)

Less提供了一种在运行时修改变量的方法:

以下是在线文档的摘录 - http://lesscss.org/


修改变量

modifyVars允许在运行时修改LESS变量。使用新值调用时,将重新编译LESS文件而不重新加载。简单的基本用法:

less.modifyVars({     '@buttonFace':'#5B83AD',     '@buttonText':'#D9EEF2' });