css

style.css

Стиль описания БЭМ

БЭМ не декларирует «особого» стиля описания классов. Однако, де-факто используется следующий стиль:

1) Несколько слов в одном названии разделяются дефисом (например, блок main-page или my-super-main-list)
2) Элементы отделяются от блоков с использованием двух символов подчеркивания "__" (например, main-page__header или my-super-main-list__item)
3) Модификаторы отделяются одним символом подчеркивания "_" (например, main-page__header_strong или my-super-main-list_blue)

Префиксы

Иногда в проекте присутствуют префиксы. Они позволяют разработчиком точно определять какую логическую нагрузку несет тот или иной класс.

Например:
g - (global) префикс для глобальных классов. (Например, для задания невидимых элементов g-hidden.)
b - (block) префикс для выделения элементов, относящихся к структуре документа.
js - (JavaScript) префикс для выделения элементов для селекторов js.


.main-page
  .header
  .item
    .article
      .header
      .text
  .item