我正在尝试将属性分配给一个规则集中的多个类名,其中在此规则集中分配的所有属性都将附加到不同的类名。
.multipleClass(@className...;@rules){
@clssName: ~'.@{className},.@{className}';
@{clssName}{
rules();
}
}
.multipleClass(class1,class2,class3;{
padding:0.25em;
font-size:1.5em;
line-height:2.5em;
});
期望的输出:
.class1,.class2,.class3{
padding:0.25em;
font-size:1.5em;
line-height:2.5em;
}
我收到解析错误。可以做到吗?任何帮助,将不胜感激。谢谢你。
@Harry 我只是不想让事情复杂化,所以发布了不同的包装。并且使用 &:extend 我无法正确控制它。因为我的样式表是一个有效的,我正在重写整个东西给它一个主题。为了做到这一点,我需要组织与颜色相关的混合以及处理字体大小、边距、填充和宽度的其余规则集和混合。它大约有 4000 行 css 代码。
.formater(@className...; @rules; @parent-append: false) {
@clssName: ~'.@{className},.@{className}';
& when not (@parent-append = false) {
&.@{className} {
@rules();
}
}
& when (@parent-append = false) {
.@{className} {
@rules();
}
}
}