Значит, дело точно в декларации и/или депсах.

js искомого блока работает и html отрисовывается

перезапустил сборку заработало

KazanJS 9 пройдет 12 декабря в 19:00 в Штабе, ул Татарстан 20

⁃ Владимир Гриненко, Яндекс - История развития фронтенда в Яндексе за 10 лет
⁃ Марат Фахреев, Revealbot - Vue.js - мои впечатления после года в продакшне
⁃ Антон Заладинов, Аквелон - PWA: двигатель веба и бизнеса

13 декабря (на следующий день после митапа) в 18:30 в казанском офисе Яндекса пройдет БЭМап — митап по БЭМ. Программа будет полезна как совсем новичкам, так и опытным разработчикам. Подробности по ссылке ниже. Участие бесплатное, но необходима регистрация — https://events.yandex.ru/events/bem/13-dec-2019

Есть класс .container – получается, что блок. Но у него внешняя геометрия задана – max-width, padding. Это ведь неправильно? как быть?

padding внутрений отступ... почему нет

хорошо, а max-width?

а если .container_padding_10

модификатор

max-width — это тоже внутренняя геометрия.

что-то я сомневаюсь

в блока должно быть какое то состояние, в обекта должны быть свойства

внешняя геометрия - это марджины и позиционирование. они задаются на элемент родителя. т.е. у вашего .container есть родитель, ваш .container - является его элементом. на селектор .parent__container вешаете margin position и т.д.
те свойства кторые вы указали - это внутренняя геометрия. их прописывают для самого блока .container. ваш блок может быть переиспользован, поэтому все что "типично" для него должно быть в нем, а его расположение в родителе - на селекторе элемента родителя.

Понял, спасибо. А как переопределять? Скажем, в .container есть один padding, а при @media... нужно поменять его у .someparent__container. Специфичность одна

если это тот же блок можно модификаторы ипользовать.

больше вариантов нет? Скажем, при брейкпоинте 960px у header в ребенке .container один padding, а у main другой. Т.е. тут по смыслу больше надо менять значение у элемента

глупые модификаторы выйдут. .container_padding-header-sm

...

вы рассматриваете их в контексте родителя, а можно их рассматривать в контексте себя .container_size_S .container_size_L или вроде того?

можно, но это менее органично