Какой из вариантов вернее?
Первый
{
block: 'row', //bem-grid row
mix: {block: 'someelse'}, // добавляю падинги
content: [
{
elem: 'col',
elemMods: {mw: 12},
content:
{
block: 'someelse',
elem: 'heading', // элемент блока someelse
content: 'Какой-то заголовок секции'
}
},
{
elem: 'col',
elemMods: {mw: 6},
content:
{
block: 'someelse',
mix: {block: 'box'},
elem: 'item',
content: 'some content'
}
}
]
}
Второй
{
block: 'row', //bem-grid row
content: {
block: 'someelse',
content: [
{
block: 'row',
elem: 'col',
elemMods: {mw: 12},
content:
{
elem: 'heading', // элемент блока someelse
content: 'Какой-то заголовок секции'
}
},
{
block: 'row',
elem: 'col',
elemMods: {mw: 6},
content:
{
mix: {block: 'box'},
elem: 'item',
content: 'some content'
}
}
]
}
}
В первом мы примиксовываем стили, во втором вкладываем блок "someelse" в строку "row".
В первом случае приходится потом постоянно объявлять блок при создании элементов блока
...
block: 'someelse',
elem: 'item'
...
во втором случае приходится объявлять
...
block: 'row',
elem: 'col'
...
Как быть? Может быть скинете примеры реализации в уже рабочих проектах?
Вы меня конечно простите, если я задаю тупые вопросы. Просто я хочу докопаться до сути, чтобы потом двигать БЭМ в массы.
Я бы вложил сетку в
someelse
;) аsomeelse__item
вrow__col