Am I violating the BEM methodology with this style cascade?

Question

css

I'm trying to understand BEM code naming/structuring.
https://jsbin.com/locohopuyu/1/edit?html ,css,output
Is everything correct? how to do it better?

Answer 1

Yes. That's how nada

.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="") [email protected]
                i.item__icon.item__icon--mts
            li.item
              a.item__link(href="") [email protected]
                i.item__icon.item__icon--kyivstar
            li.item
              a.item__link(href="") [email protected]
                i.item__icon.item__icon--life
          ul.contact-info__list
            li.item
              a.item__link(href="") [email protected]
                i.item__icon.item__icon--skype
            li.item
              a.item__link(href="") [email protected]
                i.item__icon.item__icon--mail
            li.item
              a.item__link(href="") [email protected]
                i.item__icon.item__icon--phone
          ul.contact-info__list
            li.item
              a.item__link(href="") [email protected]
                i.item__icon.item__icon--address

block_element--modifier
So they write in the west. Alternatively, you can take a look at the blaze_css components . It is written in component BEM