2014-01-30 23 views
0

我的混入不能使用2個條件(如果不是= A或B ...); 我的mixin:較少混入:與否的條件爲

.fontFamily(@font-family,@parent:arial) when not (@font-family = @parent) , not (@font-family = inherit) { 
font-family: "@{font-family}";} 

我不太文件:

@font:arial; 
.myclass{ 
.fontFamily(@font); 
} 

如果我只有一個條件,它的作品...但在同一混入2度的條件下,它不將不起作用。

回答

1

邏輯not(A or B)等於not(A) and not(B),所以你需要使用and,而不是逗號(這是or),即:

.fontFamily(@font-family, @parent: arial) when 
    not(@font-family = @parent) and 
    not(@font-family = inherit) { 
     font-family: "@{font-family}"; 
} 

.myclass-1 { 
    .fontFamily(arial); 
} 

.myclass-2 { 
    .fontFamily(inherit); 
} 

.myclass-3 { 
    .fontFamily(laira); 
} 

CSS輸出:

.myclass-3 { 
    font-family: "laira"; 
}