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 を使用すると、適切に制御できません。私のスタイルシートは機能しているので、テーマを与えるために全体を書き直しています。そのためには、色に関連する mixin と、fontSizes、margin、paddings、および width を扱う残りのルールセットと mixin を整理する必要があります。その約 4000 行の CSS コード。
.formater(@className...; @rules; @parent-append: false) {
@clssName: ~'.@{className},.@{className}';
& when not (@parent-append = false) {
&.@{className} {
@rules();
}
}
& when (@parent-append = false) {
.@{className} {
@rules();
}
}
}