less2css赢得';不编译动态创建的类名
我正在使用sublime text 2插件将我的less文件编译成css文件。我遇到的问题是插件无法编译用于动态创建标题字体大小的mixin。我已经测试了winless提供的mixin,它似乎工作得很好 这只是插件的一个bug,还是我在mixin中做了一些完全错误的事情 混合:less2css赢得';不编译动态创建的类名,less,Less,我正在使用sublime text 2插件将我的less文件编译成css文件。我遇到的问题是插件无法编译用于动态创建标题字体大小的mixin。我已经测试了winless提供的mixin,它似乎工作得很好 这只是插件的一个bug,还是我在mixin中做了一些完全错误的事情 混合: @fontSize: 24px; .calcFontSize(@index) when (@index > 0) { (~'h@{index}') { font-size: @fontSiz
@fontSize: 24px;
.calcFontSize(@index) when (@index > 0) {
(~'h@{index}') {
font-size: @fontSize - @index * 3;
}
.calcFontSize(@index - 1);
}
.calcFontSize(0) {}
.calcFontSize(6);
问题似乎发生在这一行:(~'h@{index}'){
。将其更改为h1
(或任何其他标题元素)效果很好。您的代码(我相信也是WINLESS,这就是它在那里工作的原因)正在使用较旧的语法来减少CSS。当设置为小于1.3.0-1.3.3时,您的代码可以很好地编译,但对于小于1.4+(无需插值)有语法更改。因此,如果您已将小于升级为1.4+,则这将解释代码无法工作的原因
如果这就是问题所在,那么您只需更改行的语法,如下所示:
h@{index} {
font-size: @fontSize - @index * 3;
}
您可以看到它适用于LESS的1.4+版本。哇,谢谢!我必须查看更改日志,看看还有什么更改。非常感谢。