使用LESS变量作为CSS属性

Question

我有一个mixin将px转换为em：

.margin(@target: @targetsize, @basefont: @em){
    margin:(@target / @basefont) + 0em;}

我想更改mixin，以便CSS margin属性替换为变量。例如：

.pxtoem(@target: @targetsize, @basefont: @em, @property: @property){
@property:(@target / @basefont) + 0em;

}

所以我可以用它来打电话，例如：

.pxtoem(2,1,margin-bottom);

这是可能的，如果是这样的话？

谢谢：）

Answer 1

来自较少的文档：

Parametric mixins也可以为其参数设置默认值：

.border-radius (@radius: 5px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

Answer 2

当时不是，但有open issue。

Answer 3

在搜索相关内容时发现了这一点，并注意到它尚未更新。

截至<< 1.6.0 variable interpolation is now supported for properties。

.setProp(@prop,@val) {
  @{prop}:@val
}

.foo {
  .setProp(opacity,0.75);
}