如何传递参数从mixin到另一个在lesscss

Question

我在Drupal 7.8中使用LESS CSS模块7.x-2.4我想使用样式混合传递参数到另一个混合。在示例中，将颜色传递为字符串"#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类级联变量传递参数到另一个mixin的mixin?

Answer 1

语法错误。查看mixins的文档。你的代码应该这样写:

.bg(@colBg){
    background-color: @colBg; 
}
.style(@col){
    border: 2px solid lighten(@col, 10%);
    .bg(#CC00CC);
    .bg(darken(@col, 10%));
}
.buttonSubmit{
    .style(#FF00FF); 
}