en utilisant des modules css avec scss

Question

J'utilise des modules css. Chaque module est un fichier css SCSS et ressemble à quelque chose comme ce qui suit:

.componentWrapper { 
    border: solid cadetblue; 
    border-radius: 40px; 
    padding: 10px; 
    width: 95%; 
    &.componentTitle { 
    font-size: 18px; 
    width: 15%; 
    background-color: white; 
    margin-top: -25px; 
    } 
} 

Est-il considéré comme un anti-modèle à utiliser & à l'intérieur des modules css?

Answer 1

Puits no. Gardez simplement à l'esprit que cela vous oblige à avoir le code HTML dans une structure appropriée pour que cela fonctionne. Donc, dans le cas où les styles ne sont utilisés que dans ce module et ne sont pas nécessaires ailleurs, c'est très bien. Mais si vous avez besoin de ces styles ailleurs, dans un autre contexte qui n'a pas la structure html appropriée, une autre approche, f.i. en utilisant des classes, serait mieux. Ensuite, la directive @extend peut être utile.

Answer 2

Non, SASS chargeur fonctionnera d'abord et recracher CSS simple

modules CSS prend la CSS et les champs il.