Есть ли способ использовать комбинаторы sass с объединением строк атрибутов для значения ⇐ CSS

[Anonymous]

Вот мои результаты:

Код: Выделить всё

data-class="Form-status--complete"
data-class="Form-status--in-progress"
data-class="Form-status--expired"

Я хочу сделать что-то вроде этого:

Код: Выделить всё

[data-class='Form'] {
&-status {
&--complete {
color: $c-state-orange;
}

&--in-progress {
color: $notice-icon-pending;
}

&--expired {
color: $c-state-gray;
}
}
}

Конечно, это не работает. Но я не уверен, что смогу избежать повторения.
Я предполагаю, что вы не можете просто раскрыть квадратные скобки и обернуть ими свою логику, например:

Код: Выделить всё

[data-class='Form {
&-status {
...
}']

Я думаю, что должен быть способ сделать это, но, возможно, и нет.


Подробнее здесь: https://stackoverflow.com/questions/798 ... tion-for-t