下面的代码我创建了一个网格循环我为我的网站设置了。 在我的CQ5.6.1网站上它没有编译,但是当我在less2css.org上编译代码时,它运行得很好。
在CQ5.6.1中添加此特定部分,LESS编译器会破坏整个clientlib。我知道这个特定部分,因为如果我删除这些行,一切都会再次起作用。
那么CQ5.6.1中的变量是否有限制,或者有没有人看到这个特定代码的问题
@containerwidth: 960;
@iterations: 12;
@margin-grid: 10;
@startwidth: 940; /* containerwidth - (margin-left + margin-right) */
@startprefix: @containerwidth;
@startsuffix: @containerwidth;
@startpush: @containerwidth;
@startpull: -@containerwidth;
.grid-loop (@index, @width, @prefix, @suffix, @push, @pull) when (@index > 0) {
.grid-@{index} {
display: inline;
float: left;
margin-left: unit(@margin-grid, px);
margin-right: unit(@margin-grid, px);
}
.push-@{index}, .pull-@{index} {
position: relative;
}
.container-12 {
.grid-@{index} {
width: unit(@width, px);
}
.prefix-@{index} {
padding-left: unit(@prefix, px);
}
.suffix-@{index} {
padding-right: unit(@suffix, px);
}
.push-@{index} {
left: unit(@push, px);
}
.pull-@{index} {
left: unit(@pull, px);
}
}
.grid-loop(@index - 1, @width - 80, @prefix - 80, @suffix - 80, @push - 80, @pull + 80);
}
.grid-loop (@iterations, @startwidth, @startprefix, @startsuffix, @startpush, @startpull);