使用较少的变量作为CSS属性
我有一个将px转换为em的mixin:使用较少的变量作为CSS属性,css,variables,less,mixins,Css,Variables,Less,Mixins,我有一个将px转换为em的mixin: .margin(@target: @targetsize, @basefont: @em){ margin:(@target / @basefont) + 0em;} 我想更改mixin,以便用变量替换CSS margin属性。例如: .pxtoem(@target: @targetsize, @basefont: @em, @property: @property){ @property:(@target / @basefont) + 0em;
.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);
}
所以我可以称之为,例如:
.pxtoem(@target: @targetsize, @basefont: @em, @property: @property){
@property:(@target / @basefont) + 0em;
.pxtoem(2,1,margin-bottom);
这可能吗?如果可能,如何实现
谢谢:)来自less文档:
参数混合也可以具有其参数的默认值:
.border-radius (@radius: 5px) {
border-radius: @radius;
-moz-border-radius: @radius;
-webkit-border-radius: @radius;
}
当时没有,但有一个。在搜索相关内容时发现了这一点,并注意到它没有被更新 从小于1.6.0开始
那不是我想要的。在您的示例中,您使用@radius变量作为值来馈送到CSS属性。我希望替换属性(在您的示例中是border radius、-moz border radius或-webkit border radius),而不是值(在您的示例中是5px).Dang。哦,好吧。谢谢你的链接。