CSS-Mixin als dynamischen Klassennamen mit dem BEM (Block Element Modifier) ​​verwenden ⇐ CSS

[Anonymous]

Ich versuche, dynamische Klassen mit BEM zusammen mit den CSS-Mixins zu erstellen.

Code: Select all

.card--sty-1{
&__circle{}
&__link{};
}

.card--sty-2{
&__circle{}
&__link{};
}
...for --sty-[n number of stylings]

Hier ist die Codestruktur:

Code: Select all

@define-mixin v2-card $modifire {
.card--$(modifire) {

&__circle {
}

&__link {
}
}