Connexion des parties de sélecteur dans SASS
Il est même possible de connecter des parties d'une même classe. Par exemple, comme ceci :
.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
En conséquence, après la compilation, nous obtiendrons le code suivant :
.button-ok {
color: green;
}
.button-cancel {
color: red;
}
Simplifiez le code fourni :
.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}