重用作为参数混合的参数传递的较少变量

Question

是否可以使用 less 变量作为参数混合的参数？

这是一个例子：

@red: #ff0000;
@blue: #0000ff;

.body-theme(@color){
   background: @color;
   p {
       color: @color;
   }      
}

body{
    &.red{
        .body-theme(@red);
    }
    &.blue{
        .body-theme(@blue);
    }
}

这个例子不是很聪明，但它应该说明我想重用 css 的一部分，并且可以选择仅将颜色设置为参数。

感谢您的帮助！

Answer 1

如有疑问，请对其进行测试：http://lesstester.com/在此处尝试您的示例表明它可以工作，给出以下输出：

body.red {
  background: #ff0000;
}
body.red p {
  color: #ff0000;
}
body.blue {
  background: #0000ff;
}
body.blue p {
  color: #0000ff;
}

如果您不确定是否可以用更少的时间完成某些事情，您以后应该使用它来快速测试。

重用作为参数混合的参数传递的较少变量

Reuse less variable passed as an argument for parametric mixins

css

variables

less