Harp的新版本将很快发布,其中将包括该更新。(如果您想要通知,我们会在推特上发布。)
我正在使用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 v0.17.0现在是最新版本,升级应该可以解决这个问题:
npm install--全局harp