Combinando partes de seletores em SASS
É possível combinar até mesmo partes de uma mesma classe. Por exemplo, assim:
styles.scss.button {
&-ok {
color: green;
}
&-cancel {
color: red;
}
}
Como resultado, após a compilação, teremos o seguinte código:
styles.css.button-ok {
color: green;
}
.button-cancel {
color: red;
}
Задание 1
Simplifique o código a seguir:
styles.scss.label-success {
color: green;
}
.label-warning {
color: yellow;
}
.label-error {
color: red;
}