Collegamento delle parti del selettore in SASS
È possibile collegare anche parti di una singola classe. Ad esempio, in questo modo:
.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
Di conseguenza, dopo la compilazione, otterremo il seguente codice:
.button-ok {
color: green;
}
.button-cancel {
color: red;
}
Semplifica il codice fornito:
.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}