О responsive

Форум /

Читал форум, наткнулся на несколько ответов о responsive, что можно писать стили для разных размеров браузера прямо в файле блока, так и делаю. А как быть, например с кнопками, селектами из bem-components? Какое нибудь есть решение или нужно дописывать media запросы для этих блоков?

8 years ago

tadatuta

А что именно хочется менять в контролах в зависимости от размеров экрана? Если речь про размеры, то это скорее следует делать изменением модификатора size на стороне JS.

8 years ago

lavezzi1

@tadatuta Да хотябы модификикатор size. Как бы вы это реализовали?

8 years ago

tadatuta

modules.define('page', ['i-bem__dom'], function(provide, BEMDOM) {

var breakpoint  = 1024;

provide(BEMDOM.decl(this.name, {
    onSetMod: {
        js: {
            inited: function() {
                if (BEMDOM.win.width() < breakpoint) {
                    this.findBlocksInside('button').forEach(function(button) {
                        button.setMod('size', 'l');
                    });
                }
            }
        }
    }
}));

});

8 years ago

awinogradov

@lavezzi1 кажется такое надо делать на сервере ;) Если таких контролов много, будет ад

8 years ago

lavezzi1

@awinogradov Например, как?

8 years ago

awinogradov

@lavezzi1 почекать юзер агент из запрос и передать параметр в bemtree, где расставить правильные модификаторы ;)

Чтобы оставлять комментарии, необходимо авторизоваться.