2014-10-07 3 views
1

Я ищу для этого. Но я получаю ошибку синтаксического анализа. Возможно ли это с МЕНЬШЕ?Вложенные Mixins LESS parse error

Mixin:

.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; 
    } 
} 

In Use:

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

Это известный элемент в отношении использования псевдоселекторов в интерполяции селектора. [This] (https://github.com/less/less.js/issues/1294) проблема с официальной страницей Less GitHub поможет вам. – Harry

+1

Спасибо, я использовал обходное решение в [that] (https://github.com/less/less.js/issues/1294), чтобы заставить его работать. – mattmischuk

ответ

2

Обходной до 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; 
    } 
} 
Смежные вопросы