如何將參數從mixin傳遞給lesscss中的另一個參數？

Question

我在Drupal 7.8中使用LESS CSS模塊7.x-2.4 我想使用將參數傳遞給另一個mixin的樣式mixin。在該示例中，將顏色作爲字符串「＃CC00CC」傳遞正常，但不是像「darken（@col，10％）」那樣的變量。

@bg(@colBg){ 
    background-color: @colBg; 
} 

@style(@col){ 
    border: 2px solid lighten(@col, 10%); // ok 
    @bg(#CC00CC); // ok - color is passed 
    @bg(darken(@col, 10%)); // Color is not being passed to @bg 
} 

.buttonSubmit{ 
@style(#FF00FF); 
} 

我怎樣才能實現級聯變量從CSS類到mixnin將參數傳遞給另一個mixin？

Answer 1

您的語法不正確。在mixin上檢查the docs。你的代碼應該這樣寫：

.bg(@colBg){ 
    background-color: @colBg; 
} 

.style(@col){ 
    border: 2px solid lighten(@col, 10%); 
    .bg(#CC00CC); 
    .bg(darken(@col, 10%)); 
} 

.buttonSubmit{ 
    .style(#FF00FF); 
}