Correspondance du nom de classe dans SCSS

Question

Je souhaite faire correspondre certaines chaînes dans mon nom de classe à l'aide de mixin. Cela fonctionne sans mixins, mais quand j'ai utilisé mixin, je ne peux pas passer la variable dans la chaîne.

Ce qui travaillait

div[class^='myclass-'], div[class*=' myclass-'] { 
    @content 
} 

Qu'est-ce qui ne fonctionne pas

@mixin startWith($name){ 
div[class^=$name], div[class*=' ' + $name'] { 
    @content; 
} 
} 

Answer 1

Il y a une faute de frappe dans votre code. Utilisez cette

@mixin startWith($name){ 
div[class^=$name], div[class*=$name] { 
    @content; 
} 
}