Возникло пару вопросов, возможно, совершенно нубских, так что заранее извиняюсь) Итак.
Cетки
Как правильнее использовать сетки, в том числе с БЭМ-нотацией, к примеру bem-grid?
Задача: есть блок features, в него вложены блоки features__item, нужно сделать сетку. Как я понял, есть 3 варианта:
1.Вложить эти блоки в сетку:
{
block : 'features',
content : [
{
block : 'row',
content: [
{
elem : 'col',
mods : { sw : 12},
content : [
{
block: 'features',
elem : 'item',
content : ''
}
]
}
]
}
]
}
2.Примиксовать их
{
block : 'features',
mix : { block : 'row' },
content : [
{
elem : 'item',
mix : [ { block : 'row', elem : 'col', mods : { sw : 12} } ],
content : ''
}
]
}
3.Использовать миксины
.features
row()
Вопрос: Какой вариант лучше?
Типографика
Какие единицы использовать (особенно для адаптива): rem, em, px?
Мне удобно делать, например, так: html-font_baze = 62.5%
(ну или сразу 10px
) и дальше делать шрифты в rem. Насколько это труъ в БЭМ?
Для сеток я бы выбрал второй вариант с миксованием. По поводу типографики вариант с размерами в
rem
вполне хороший, если не интересует поддержка IE8.Возможность микса не очень частый случай, на моей практике. Чаще в одной колонке не один блок. Я бы вообще не парился по этому поводу :)