Less 2.5 modifyVars()似乎不适用于Harp.js v0.15.2



我正在使用Harp.js/jade/less 编写Bootstrap 3主题

当我尝试使用less.modifyVar()函数动态更改背景颜色时,样式表被正确地重新加载,但什么也没发生。。。

更少的代码(variables.Less):

@green            :       #59B75F;
@blue             :       #0081C5;
@base-color       :       @green;

更少代码(自定义更少):

@import "variables.less";
.some_class {
background-color: @base-color;
}

翡翠代码:

link(href="css/custom.css", rel="stylesheet/less", type="text/css")
script(src="bower_components/less/dist/less.min.js")
....
a(href="#", onclick="javascript:switchColor('#0081C5');") Blue
....

Javascript switchColor()函数:

var switchColor = function(color) {
less.modifyVars({'@base-color':color}); 
less.refreshStyles();
};

如有任何帮助,我们将不胜感激。C.

很抱歉造成任何混淆。Harp v0.15.2是最新版本,目前仍在运行LESS v1.x。本周末,我们刚刚更新到LESS 2.5.0,它已登陆Harp的预处理引擎Terraform。

Harp的新版本将很快发布,其中将包括该更新。(如果您想要通知,我们会在推特上发布。)

编辑Harp v0.17.0现在是最新版本,升级应该可以解决这个问题:

npm install--全局harp

相关内容

最新更新