Как лучше организовать файловую структуру?

Question

[Иван Соловьев]

Нужно сверстать около 8-ми страниц. Использую БЭМ нэйминг, Gulp, Scss, Pug.
Как лучше организовать файловую структуру? Думал делать один css для всех страниц. Но как быть с адаптивом, один и тот-же блок на разной ширине экрана, на разных страницах может быть разной ширины. Не делать же модификатор для каждой страницы.
Стоит сделать отдельный media.css для каждой страницы?
Хочется сделать максимально модульно.

Comments

[Ankhena]

Но как быть с адаптивом, один и тот-же блок на разной ширине экрана, на разных страницах может быть разной ширины.

задавать им разные классы или модификаторы или ... не знаю что в макете

Как лучше организовать файловую структуру?

По БЭМ для каждого блока своя папка с файлами.
Потом все стили собираются в один, скрипты аналогично и минифицируются.

[Иван Соловьев]

Думал использовать только БЭМ нейминг, не разбивать по разным папкам, стили всех блоков будут в одном файле, проект вроде не сильно большой.

[Сергей delphinpro]

один и тот-же блок на разной ширине экрана, на разных страницах может быть разной ширины.

У БЭМ-блока нет ширины. Ширина задается элементу родителя. Элемент может быть обёрткой или примесью.

[Сергей delphinpro]

Стоит сделать отдельный media.css для каждой страницы?

Нет. В контексте БЭМ всё описание блока должно быть в одном отдельном файле.

Answer 1

[Павел Беляев]

Ну что то общее - шапка, подвал, какие то элементы типа там кнопочки, формочки, общая стилизация...
А что то например только в товаре или в категории или в новостях нужно - там свой еще подгружать CSS.
Зависит от объемов - но в целом, когда с первой старницы всё прокешировалось и дальше используется не плохо.