Несколько модификаторов в БЭМ ⇐ CSS

[Anonymous]

У меня есть кнопка компонента

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

Button

каждый из модификаторов меняется

• button_color_primary
  
  button_type_fill< /li>
  button_type_outline
• button_type_text

[*] button_color_вторичный

• button_type_fill
• button_type_outline
• button_type_text
• button_color_danger
  
  button_type_fill
• button_type_outline
• button_type_text

и так далее...
В scss я создал это

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

    &_color_primary {
&.button_type_fill {
&:hover {}
&:focus {}
&:active {}
&:disabled {}
.button__text { }
.button__icon { }
}
&.button_type_outline {
&:hover {}
&:focus {}
&:active {}
&:disabled {}
.button__text { }
.button__icon { }
}
&.button_type_text {
&:hover {}
&:focus {}
&:active {}
&:disabled {}
.button__text { }
.button__icon { }
}
}

И так для _ Secondary , _danger.
Я думаю, что это не очень хороший подход. Пожалуйста, поделитесь своими предложениями.

Подробнее здесь: https://stackoverflow.com/questions/787 ... ers-in-bem