BEM

 BEM

An introduction to BEM and its core principles. MercadoLibre Front-end Meetup. August, 2015.

B35b6fc3b6a61787be1b3750511fbd95?s=128

Luciano Battagliero

August 14, 2015
Tweet

Transcript

  1. 1.
  2. 4.
  3. 5.
  4. 18.
  5. 20.
  6. 26.
  7. 38.
  8. 45.

    <ul class="paginator"> <li class="paginator__page"> <!-- Don’t do this --> <a

    class="paginator__page__link"> … </a> </li> </ul> HTML
  9. 46.

    <ul class="paginator"> <li class="paginator__page"> <!-- Don’t do this --> <a

    class="paginator__page__link"> … </a> </li> </ul> HTML
  10. 47.

    <ul class="paginator"> <li class="paginator__page"> <!-- Don’t do this --> <a

    class="paginator__page__link"> … </a> </li> </ul> HTML
  11. 49.
  12. 62.

    The main purpose of a class name is to be

    used as a hook for adding style or behaviour
  13. 100.

    Mix

  14. 121.
  15. 122.