@webdeveloper48

Нарушаю ли я методологию БЭМ таким каскадом стилей?

Пытаюсь разобраться в БЭМ наименовании\структурировании кода.
https://jsbin.com/locohopuyu/1/edit?html,css,output
Все ли верно?как сделать лучше?
  • Вопрос задан
  • 774 просмотра
Пригласить эксперта
Ответы на вопрос 1
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
Да. Вот как нада
.header
    .header__container
      .header__row
        .header__logo.logo
          img.logo__image(src="")
        header__contact-info.contact-info
          ul.contact-info__list
            li.contact-info__item.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--mts
            li.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--kyivstar
            li.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--life
          ul.contact-info__list
            li.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--skype
            li.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--mail
            li.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--phone
          ul.contact-info__list
            li.item
              a.item__link(href="") info@protector.com.ua
                i.item__icon.item__icon--address

блок__элемент--модификатор
Так пишут на западе. Как вариант - можешь глянуть на компоненты blaze_css. Он написан на компонентном БЭМе
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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