Здравствуйте, дайте пожалуйста разьяснение по уровням переопределения на проекте. Допустим у меня 3 уровня common deskopt и touch. К примеру есть шапка сайта, она не значительно различается для телефона и планшета и чуть больше для десктопа . Как следует распределить код по уровням?

Вариант 1
- В common блок без элементов + его стили
- На уровнях desktop и touch наполняем блок элментами в соответствии с их структурой и пишем для них стили
- В блоке для touch в шаблонизаторе матчимся на некое значение которое позволяет понять планшет или телефон и правим блок для соответствующего девайса

Вариант 2
- В common реализуем блок к примеру полностью для десктопа и пишем стили
- В touch шаблонизатором выпиливаем ненужное и  меняем структуру + переопределяем стили

Вариант 3?

Здравствуйте, дайте пожалуйста разьяснение по уровням переопределения на проекте. Допустим у меня 3 уровня common deskopt и touch. К примеру есть шапка сайта, она не значительно различается для телефона и планшета и чуть больше для десктопа . Как следует распределить код по уровням?

Вариант 1
- В common блок без элементов + его стили
- На уровнях desktop и touch наполняем блок элментами в соответствии с их структурой и пишем для них стили
- В блоке для touch в шаблонизаторе матчимся на некое значение которое позволяет понять планшет или телефон и правим блок для соответствующего девайса

Вариант 2
- В common реализуем блок к примеру полностью для десктопа и пишем стили
- В touch шаблонизатором выпиливаем ненужное и  меняем структуру + переопределяем стили

Вариант 3?

Т.е.

common.blokcs/header - нет
deskop.blocks/header - есть
touch.blocks/header - есть

Все мои капания в этом направлении свелись кому что для разработки сайта относительно тех дизайн макетов что я имею мне нужно помимо common ещё 5 уровней, 3 для девайсов и 2 промежуточных

И кажется, что в этом нет ничего криминального 🤔 Раз задача требует.

минус что прыгать при разработке из уровня в уровень приходится, плюс в том что на каждый девайс приезжают максимально нужные стили и скрипты

Единственное решение, которое вижу — сменить схему именования. В чате проскакивала идея сделать уровни не на каталогах, а через постфикс block@<level>.tech

в шаблонизаторе bemjsxt не работает переопределение extend, почему?

block('header-menu-2')(match((node) => node._demo)({
    extend: (node, ctx) => ({
        "ctx.items": [
            {
                link: '#',
                title: 'Доставка и оплата'
            },
        ]
    })
}
));

block('header-menu-2')(match((node) => node._demo)({
    extend: (node, ctx) => ({
        "ctx.items": [
            {
                link: '#',
                title: 'Доставка'
            },
        ]
    })
}
));

+
Это весьма удобная штука

Да, но нет примера, как это правильно орагнизовать под enb.

В enb-bem-techs 3.0.0-0 вроде бы можно так, но никто не делится опытом

Привет! Где найти расширение BEM для браузера?

у коллеги в браузере в девтулзах есть закладочка BEM