iovchynnikov написав:

Чесно кажучи, жодна з цих "методологій" не є популярною і зустрічаються у галузі вкрай рідко (особисто не бачив ніколи). У 99% це буде overkill для проекту, натомість одразу підвищує складність входження для усіх розробників, бо ніхто не знає що то за звір.

Сучасні фреймворки типово вже вимушують структуру і компонентизацію коду, в тому HTML та CSS. Тому максимум додається якийсь Saas і все.

я от коли читав про smacss, то там казали - треба робити так, аби css не був зав'язаний на структурі html, а в mcss побачив модулі з компонентами, котрі виглядають типу якось так

.header {}
.header-logo {}
.header-scrollDown {}

для html типу такого

.header
  .header-logo
  .header-scrollDown

воно ж тепер зав'язане на структурі html, чи ні? Бо з однієї сторони ієрархічних вкладень в css і немає, тобто всі 3 стилі окремо лежать, а не так, що

.header .header-logo {}
.header .header-scrollDown {}

А з іншої, в іменах класів є прив'язка до структури..

В smacss казали, що тре розділяти стилі по типу застосування, типу, мають бути стилі для layout, котрі управляють лише структурою сітки, чи що воно там таке буде, а потім ці стилі приміняти до потрібних html блоків, але тоді вийде, що на кожен такий блок може навалюватись ціла купа стилей, типу

...class="l-flex l-dirColumn l-justFlexEnd l-alignSelfCenter"...

а от в mcss навпаки кажуть - робіть модулі під окремі блоки, і вже в них пишіть всі стилі.