如何在lesscss中将mixin中的参数传递给另一个？

Question

我在Drupal 7.8中使用了LESS CSS模块7.x-2.4 我想使用样式mixins将参数传递给另一个mixin。在示例中将颜色作为字符串“＃CC00CC”传递正常，但不能像“变暗（@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-class到mixnin的级联变量，将mix参数传递给另一个mixin？

Answer 1

您的语法不正确。检查mixins上的the docs。您拥有的代码应该是这样写的：

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

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

.buttonSubmit{
    .style(#FF00FF); 
}