Несколько вопросов по БЭМ?

Question

[Антон Рейтаровский]

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

1. Как позиционировать блоки? Если мне нужен блок который стоит к примеру по центру то могу ли я в стилях этого блока прописать margin: 0 auto;?
   
2. Как я видел модификаторы должны выглядеть следующим образом element_key_value можно ли создавать модификаторы без привязки к элементу к примеру color_red?
   
3. Видел классы такие как page, content-wrapper и может еще есть, где о них почитать на русском?
   

Answer 1

[Сергей Горячев]

frontender.info/MindBEMding
https://nicothin.github.io/idiomatic-pre-CSS/

Answer 2

[Андрей Верх]

Не эксперт по БЭМ, но

1. У блоков тоже есть родитель. Поэтому блок тоже "элемент" какого-то блока. Будет: "some-block header__block" где всё оформление вешаете на "some-block", а позиционирование на "header__block"

2. Нет. Это же в доках написано. Модификатор отдельно не существует. Можно создать "миксин"...типо универсальный класс, с набором правил.

3. Вопрос не понял

Answer 3

[Антон Кричевский]

1. Можно, например, в родительском блоке примиксовать к центрируемому блоку элемент

{
    block: 'parent',
    content: {
        block: 'child',
        mix: {  block: 'parent', elem: 'childy'  }
    }
}

и тогда
.parent__childy { margin: 0 auto; }

2. Модификатор может быть использован только в отношении чего-то (блока или элемента)

3. Уточните, пожалуйста, вопрос