1

我正在尝试将属性分配给一个规则集中的多个类名,其中在此规则集中分配的所有属性都将附加到不同的类名。

.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();
           }
       }  
     }
4

0 回答 0