Где размещать глобальные стили в БЭМ?

Question

[Роман Назаркин]

Использую следующую структуру файлов на проекте:

assets
-- bootstrap.js
-- jquery.js
site-blocks
-- gallery
---- gallery.js
---- gallery.scss
-- header
---- header.scss
---- header__nav.scss
---- header.js

То есть код каждого блока находится в своей папке. При сборке проекта файлы объединяются по технологиям без какого-либо приоритета в порядке (тк они не зависят друг от друга), однако возникает вопрос: куда правильнее (по БЭМ) помещать глобальные стили, например для body, ссылок и тд? точно такой же вопрос для глобального js кода (например инициализация глобальных переменных, загрузка библиотек)?

Comments

[Виталий Першин]

Тоже сейчас ломаю голову над вопросом сборки по БЭМ. Вообще для галпа например у них есть свой умный плагин https://www.npmjs.com/package/gulp-bem-src в котором можно задавать как последовательность так и наследование и вообще много чего в плане сборки. И мне сама идея нравиться, потому что просто бесконтрольно собираться все файл это какой-то треш.

Answer 1

[Олег]

В БЭМ нет глобальных стилей, они просто становятся не нужны, а так размещайте там где удобно, правильного варианта здесь нет.

Comments

[Роман Назаркин]

а как в таком случае задавать стили для общих элементов типа strong, a, code, ul, ol, pre, h1-h6, blockquote и тд, которые могут встречаться внутри разных независимых блоков(например внутри статьи на сайте или внутри комментария)? что-то не уловил этот момент, может вы проясните..

[lamer350]

Роман Назаркин, к БЭМ это не имеет никакого отношения. это же просто метод верстки.

[Олег]

Роман Назаркин, создайте блок wysiwyg или text с каскадом на типографику. А так ссылка <a> это блок link, заголовки <h1-h6> это блок title с модификаторами размера, <ul> это блок list. БЭМ хорош тем, что можно абсолютно всю структуру разбить на блоки и играть словно это лего.

Answer 2

[lamer350]

Любые глобальные стили нужно подключать выше остальных в html, не важно в каких папках они будут.

Comments

[Роман Назаркин]

вопрос заключался не в том, как и где их подключать, а в том где правильнее по методологии БЭМ расположить файлы глобальных стилей

[lamer350]

[snap44]

lamer350, вы наполовину уловили суть, но пытаетесь казаться умнее на все 100%.

[lamer350]

snap44, в БЭМ нет понятия глобальных стилей вообще, суть методологии именно в том чтобы их не использовать.

[lamer350]

snap44, Это всеравно что купить велосипед и в итоге ходить пешком, наверняка специалисты которые писали документацию - плачут когда им задают такие вопросы, люди месяцы потратили чтобы ее создать и описать чуть ли не в каждом разделе что суть методологии именно в отсутствии пересекающихся стилей, а люди задают после этого вопросы: А куда мне глобалку вставить? Аж трисет