Как правильно написать классы БЭМ для кнопок?

Question

[Danya Wyse]

Вот у меня есть button
и три разных размера кнопки
и три разных дизайна
у меня кнпока выглядит так
Как правильно эти классы по БЭМ писать?
button--ghost содержит стили дизайна кнопок
small-button это размеры кнопки
button это общие стили кнопок
<button class="button button--ghost small-button">

Comments

[FeST1VaL]

button--small ? это же модификатор такой же как и ghost

Answer 1

[Виталий Першин]

Блок_модификатор_значение

button_theme_ghost
button_size_small

<button class="button button_theme_ghost button_size_small">

Comments

[Danya Wyse]

Не строго же надо именно через нижнюю одну черту классы прокидывать?
Можно так ? button button__theme--ghost button__size--small

[Виталий Першин]

Danya Wyse, Нет не строго, но вы неправильно пишите, еще раз посмотрите мой пример. Если у вас модификаторы через двойное тире тогда надо писать так button button--theme--ghost button--size--small

[Danya Wyse]

Виталий Першин, спасибо, учту