Соединение частей селектора в SASS

Можно соединять даже части одного класса. Например, вот так:

.button { &-ok { color: green; } &-cancel { color: red; } }

В результате после компиляции у нас получится следующий код:

.button-ok { color: green; } .button-cancel { color: red; }

Упростите приведенный код:

.label-success { color: green; } .label-warning { color: yellow; } .label-error { color: red; }



Чат с GPT Компилятор