Где убрать БЭМ-примеси?

Question

[lucky__lucky__1990]

Всем привет! Нужна помощь:



Сказали что не следует использовать БЭМ-примеси.

Как я понял нужно создать миксин SCSS и инклудить его в footer__container и footer-copy__container, а класс .container убрать.

Полное issue:

Answer 1

[Realetive]

Вы, наверное, неправильно поняли — «с БЭМ нет необходимости в миксинах». Т. е. ваша вёрстка вполне соответствует БЭМ (если я правильно понял и container используется для задания ширины макетной сетки). Это просто микс: https://ru.bem.info/methodology/key-concepts/#микс и беглого взгляда на классы достаточно, чтобы понять структуру. А если вы спрячете это за SCSS-миксин, эта нагляднсть «потярется», но вы ничего не «выишраете» с этого — ни уменьшите код на выходе, ни упростите понимание сущностей коллегам (себе через пару месяцев).

Comments

[lucky__lucky__1990]

Я прохожу обучение на фронтенд-разработчика, вот полное issue:

[Сергей delphinpro]

lucky__lucky__1990, нормальный БЭМ код у вас. хз что в задании требуется.

[Ankhena]

lucky__lucky__1990,
Вероятно речь о том, что в классике БЭМ блок не должен знать о своей внешней геометрии.

Но при этом большинству людей понятнее, когда такой микс в разметке, чем миксин в SCSS.

Есть практика, когда такие классы называются хелперами. Иногда, чтобы четко их отделить их названия начинают с h- h-center или h-hide. Правда не встречала такого написания с container, потому что это общепринятое название класса-центровщика.

Миксин в SCSS сделает разметку чище, но при этом увеличит стили, потому что они будут повторяться для каждого такого селектора.

По-моему, требование нецелесообразное для использования в реальных проектах. (Увеличение суммарного веса, хуже читаемость (если использовать миксин в SCSS) или больше оберток и тоже больше стилей(если использовать обертки))
Но я всегда за то, чтобы знать и понимать разные подходы.

Имеет смысл разобраться в разных подходах и обсудить их с наставником/преподавателем.

[lucky__lucky__1990]

Всем спасибо!!! Наставник сказал создать миксин container и инклудить его, по их стандартам так делается.

[Realetive]

lucky__lucky__1990, если хотите понять и изучит БЭМ, советую сменить наставника и курсы — кажется, у них «стандарты» основаны на том, что они «не асилили» https://ru.bem.info/methodology/quick-start/

P. S. Ну и «на десерт» — про обёртки https://ru.bem.info/forum/656/