嵌套Mixins LESS解析错误

2014-10-07 40 views 1 likes

我正在寻找这样做。但我得到一个解析错误。这可能与LESS？嵌套Mixins LESS解析错误

密新：

.fa-icon(@fa-pseudo-postion, @fa-icon, @fa-font-size, @fa-display-value) { 
    &:@{fa-pseudo-postion} { 
    content: @fa-icon; 
    font-family: FontAwesome; 
    font-size: @fa-font-size; 
    display: @fa-display-value; 
    } 
}

在使用：

.fa-icon(before, @fa-plus, 16px, inline);

来源

2014-10-07 mattmischuk

这是一个在选择器插值中使用伪选择器的已知项目。 [这]（https://github.com/less/less.js/issues/1294）从官方Less GitHub页面发布线程将帮助你。 – Harry 2014-10-07 15:00:59

谢谢，我在[that]（https://github.com/less/less.js/issues/1294）问题中使用了解决方法以使其正常工作。 – mattmischuk 2014-10-07 15:40:13

回答

一种解决方法，直到this bug是固定的。

.fa-icon(@fa-pseudo-position, @fa-icon, @fa-font-size, @fa-display-value) { 

    @pseudo-position: ~":@{fa-pseudo-position}"; // Workaround for this bug (https://github.com/less/less.js/issues/1294) remove when fixed 

    &@{pseudo-position} { 
    content: @fa-icon; 
    font-family: FontAwesome; 
    font-size: @fa-font-size; 
    display: @fa-display-value; 
    } 
}

来源

2014-10-07 15:44:08 mattmischuk

嵌套Mixins LESS解析错误

回答

相关问题