Att sammanfoga delar av selektor i SASS
Det är möjligt att sammanfoga till och med delar av en och samma klass. Till exempel, så här:
.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
Efter kompilering kommer vi att få följande kod:
.button-ok {
color: green;
}
.button-cancel {
color: red;
}
Förenkla den givna koden:
.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}