mixin上的css解析错误较少

时间:2014-01-31 15:45:27

标签: wordpress debugging twitter-bootstrap less mixins

我正在使用带有wordpress的wp-less和来自iControlWP的Twitter Bootstrap插件。

mixin由bootstrap网格文档采用,为网格http://getbootstrap.com/css/#grid-less添加网格样式:

// Generate the extra small columns

.make-xs-column(@columns; @gutter: @grid-gutter-width) {
    position: relative;
    // Prevent columns from collapsing when empty
    min-height: 1px;
    // Inner gutter via padding
    padding-left:  (@gutter / 2);
    padding-right: (@gutter / 2);

    // Calculate width based on number of columns available
    @media (min-width: @grid-float-breakpoint) {
        float: left;
        width: percentage((@columns / @grid-columns));
    }
}

当我加载wordpress时,我收到此错误:

  

解析错误:.make-xs-column(@columns; @gutter: @grid-gutter-width) {

失败

如果取消此代码阻止错误传递给下一个类似的mixin函数.make-sm-column(@columns; @gutter: @grid-gutter-width) {

奇怪的是,如果我将该代码传递给http://lesstester.com/,则表示没有错误。

发生了什么事?

1 个答案:

答案 0 :(得分:0)

.make-xs-column(@columns; @gutter: @grid-gutter-width)更改为:

.make-xs-column(@columns, @gutter: @grid-gutter-width)