css - 使用 LESS 变量作为 CSS 属性

Question

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

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

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

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

}

所以我可以这样称呼它，例如：

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

这可能吗，如果可以，怎么办？

谢谢：）

score 0 · Accepted Answer

0

当时不是，但有一个未解决的问题。

于 2012-10-18T07:32:52.603 回答

score 0 · Accepted Answer

来自较少的文档：

参数 mixins 的参数也可以有默认值：

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

score 0 · Accepted Answer

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

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

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

3 回答 3