Задать вопрос
Ответы пользователя по тегу БЭМ
  • Как согласно методологии BEM правильно сверстать такой участок макета?

    @f0rmat1k
    1. В БЭМе итак блоки. Поэтому блок оставьте как есть block : 'information'. Тут ведь буквально написано блок: информация.
    2. Вопрос не ясен. Да, в блоке information нет элементов, но как это связано со второй частью вопроса?
    Так или иначе в bemjson можно делать миксы — то есть миксовать элементы блока на другие блоки или блоки на элементы другого блока или блок на блок и т.п.
    3, 4. Да, конечно должны. Можно конечно оставить элемент city в блоке city, но лучше элемент назвать name или title. И немного смущает элемент opening-times в блоке telephone. Может вместо блока telephone сделать элемент блока information с названием section? Как вариант предлагаю так, обойтись единственным блоком information:
    {
        block : 'information',
        content : [
            {
                elem: 'section',
                mods : { float : 'none' },
                content : [
                    {
                        elem : 'phone-number',
                        content : '8 (831) 280-96-51'
                    },
                    {
                        elem : 'opening-times',
                        content : 'Пн-Пт: 9:00-18:00'
                    }
                ]
            },
            {
                elem: 'section',
                content : [
                    {
                        elem : 'phone-number',
                        content : '8 (800) 555-18-38'
                    },
                    {
                        elem : 'additional-information',
                        content : 'Звонок по России бесплатный'
                    }
                ]
            },
            {
                elem: 'section',
                mods: { type: 'city' }
                content : [
                    {
                        elem : 'city',
                        content : 'Нижний Новгород'
                    },
                    {
                        elem : 'additional-information',
                        content : 'Доставка по городу и области бесплатная'
                    }
                ]
            }
        ]
    }
    Ответ написан