如何将参数从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); 
}