В том-то и дело, что БЭМ, добавляя каждому тегу много презентационных классов и усложняя их названия, не дает никаких преимуществ и независимости блоку.
Где вы увидели в БЭМ рекомендацию добавлять презентационные классы?
Имена сущностям надо подбирать так, чтобы они отражали суть, а не то, как оно выглядит.
Полного отказа от каскада нельзя избежать. Каскад нужен, если задан модификатор у блока и нужно менять внешний вид/поведение у вложенных элементов, как в примере выше.
С другой стороны, надо понимать, что использование каскада влечёт за собой сложности при вкладывании блоков один в другой.
При такой структуре
block_theme_blue
another-block
block
по каскаду будут затронуты так же элементы внутреннего вложенного блока, что скорее всего не предполагалось при разработке.
Ну так тогда и меня надо указывать, CSS Live Templates для IDEA были придуманы и реализованы в Яндексе раньше Zen Coding, но не были вынесены в Open Source.
В Яндексе CSS и JS собирается на лету в один файл (импорты заменяются на содержимое файлов с исключением дубликатов) с использованием fast-cgi решения под названием ycssjs.
Мигрируем с него постепенно на bem server, который используется для сборки всех зависимых ресурсов страницы (например, ещё шаблонов), а не только css и js.
Для сбоки в продакшен используется ycssjs, или borschik, или bem make,
ru.bem.info/libs/bem-components/v2/desktop/radio-group/
github.com/bem/bem-components/tree/v2/common.blocks/radio-group
github.com/bem/bem-components/tree/v2/design/common.blocks/radio-group/_theme
vitaly.harisov.name/article/independent-blocks.html
clubs.ya.ru/bem/posts.xml?mint=1235854800&maxt=1238529599
clubs.ya.ru/bem/posts.xml?mint=1238529600&maxt=1241121599
Мы от них в итоге отказались, но может кому-то они ещё полезны.
Погоняйте в своих браузерах приведённые в тексте тесты.
Имена сущностям надо подбирать так, чтобы они отражали суть, а не то, как оно выглядит.
ru.bem.info/method/history/
vitaly.harisov.name/independent-blocks.html
Вот про АНБ уже в клубе БЭМ:
clubs.ya.ru/bem/43
clubs.ya.ru/bem/338
С другой стороны, надо понимать, что использование каскада влечёт за собой сложности при вкладывании блоков один в другой.
При такой структуре
block_theme_blue
another-block
block
по каскаду будут затронуты так же элементы внутреннего вложенного блока, что скорее всего не предполагалось при разработке.
это лучше писать как b-link b-menu__link b-menu__link_active_yes
Т.е. мы не расширяем блок b-link знанием про меню, а наоборот в рамках меню делаем элемент __link. Это более специфично получается.
Вообще про миксы стоит посмотреть доклад Кира:
tech.yandex.ru/events/yasubbotnik/msk-sep-2012/talks/327/
Мигрируем с него постепенно на bem server, который используется для сборки всех зависимых ресурсов страницы (например, ещё шаблонов), а не только css и js.
Для сбоки в продакшен используется ycssjs, или borschik, или bem make,