БЭМ Модификаоторы, правильно ли делаю?

Question

[Андрей Прозоров]

Есть структура:

.btn
    .btn__i
    .btn_span

Есть две формы. В одной форме кнопка красная и белая иконка (i); В другой кнопка серая и черная иконка. Делаю модификатор БЭМ:

/* белый модификатор */
.btn--red{
    bg: red;
}

.btn--red__i{
    color: white;
}

/* серый */
.btn--grey{
    bg: grey;
}

.btn--red__i{
    color: black;
}

Вопрос, не дурак ли я? То-есть правильно ли использую модификатор?

Answer 1

[Vasyl Kovbassa]

во первых, для иконки вполне есть смысл сделать блок, ибо она может быть в составе всего, что угодно, не только кнопки.

во-вторых, мы вроде вчера договорились :))

.b{
//  желательно использовать для общих стилей
}
b--m{
// желательно использовать для внешнего вида.
}
.b__e{
//  желательно использовать для позиционирования.
}

в остальном согласен с Сергей . Еще раз, bem не запрещает вложенности. bem призывает использовать их с умом и, желательно, не больше одного уровня.

Comments

[Андрей Прозоров]

да этот вопрос я задал не вчера а по раньше=)) Спасибо вам!

[Vasyl Kovbassa]

А, ну тада лады )))

[Андрей Прозоров]

тоесть вчера, но, я его задал когда мы еще не договорили=))