在CQ5.6.1中没有正确编译的网格

时间:2014-11-14 11:50:24

标签: css compilation less cq5

下面的代码我创建了一个网格循环我为我的网站设置了。 在我的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);

0 个答案:

没有答案