Можно ли по БЭМ использовать один и тот же модификатор для блока и элемента?

Question

[Полина]

Подскажите, пожалуйста, как правильно сверстать по БЭМ такие блоки:
Есть однотипные блоки, отличаются только взаимным расположением элементов, как в примере:
https://jsfiddle.net/b19chkdf/
Я сделала для для каждого блока block модификатор - block_dir_row и block_dir_column. Проблема в том, что у некоторых элементов (.block__title) должны быть разные внешние отступы, в приложенном фидле - 2 и 20 пикселей. Согласно БЭМ, внешняя геометрия задается через родительский блок. Но родительский-то блок у них один и тот же. Я пока сделала так: задала им те же модификаторы, что и родителям, и через них сделала отступы (см. фидл). Правильно ли это?

Comments

[Сергей delphinpro]

Я бы сделал вложенный селектор.
https://jsfiddle.net/b19chkdf/1/
По БЭМ допустимо

[Сергей delphinpro]

Лучше как-то так https://jsfiddle.net/b19chkdf/2/ (в плане группировки)

Answer 1

[sim3x]

Имя block уже как-то странно смотрится, но
Никто ведб не запрещает использовать вложенность цсс

.block__dir-row  .block__title {}
.block__dir-col  .block__title {}

имо, по бем будет так

/* .dir-row */  .dir-row__title {}
/* .dir-col */  .dir-col__title {}

Comments

[Полина]

Насчет вложенности вы правы, в мануале есть похожий пример, в данном случае как раз БЭМ допускает вложенные селекторы https://ru.bem.info/methodology/css/#%D0%92%D0%BB%... - это мне уже на их форуме подсказали.

Имя block смотрится странно, потому что взято для примера) В проекте понятное дело имена более осмысленные.