i_d_1
@i_d_1
Программист PHP

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

Есть структура:
.btn
    .btn__i
    .btn_span


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

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

.btn--red__i{
    color: white;
}

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

.btn--red__i{
    color: black;
}

Вопрос, не дурак ли я? То-есть правильно ли использую модификатор?
  • Вопрос задан
  • 333 просмотра
Пригласить эксперта
Ответы на вопрос 1
movasyl
@movasyl
semper tiro
во первых, для иконки вполне есть смысл сделать блок, ибо она может быть в составе всего, что угодно, не только кнопки.

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

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

Войдите, чтобы написать ответ

Похожие вопросы