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

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 类到将参数传递给另一个 mixin 的 mixnin 的级联变量？

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); 
}