从JavaScript中检索或设置LESS变量?

时间:2011-11-28 14:00:42

标签: css less

在测试我的网络应用时,我希望能够使用简单的下拉菜单设置我的一个LESS @variables的值。 (完全改变配色方案)。

我想在设置值后,LESS必须用新值重新加载/重新编译.less文件?

有没有简单的方法来实现这一目标? (我没有运行node.js)

基本示例如下:

styles.less
@base-color = `window.baseColor()`

1 个答案:

答案 0 :(得分:6)

我认为你的方式太复杂了;)

这是我的建议:

  1. 在您的身体标签上设置课程:

    <body class='theme_default'></body>
    
  2. 在.less文件中定义主题:

    body.theme_default { base_color: #fff; }
    body.theme_gray    { base_color: #ccc; }
    etc..
    
  3. 使用jQuery(或简单的JS)在下拉状态更改时更改body标记的类。

  4. 我就是这样做的(并用一些漂亮的小部件替换下拉列表;) 干杯