嵌套Mixins LESS解析錯誤

Question

我正在尋找這樣做。但我得到一個解析錯誤。這可能與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); 

Answer 1

一種解決方法，直到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; 
    } 
}