Где можно посмотреть структуру папок в правильной верстке?

Question

[Sergey750il]

Доброго времени суток. Где можно посмотреть пример правильной верстки с использованием SASS, а именно структуру, какие блоки выносятся в отдельные файлы стилей итд. Желательно пример на Bootstrap.

Comments

[xmoonlight]

Просто обратите внимание, возможно пригодится: https://github.com/xmoonlight/includeHTML

Answer 1

[Aleksey Chernikov]

Несколько полезных ссылок:
Организация кода для препроцессоров;
Способы организации CSS-кода;
Эстетичный Sass;
Sass-архитектура вашего проекта.

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

Answer 2

[Александр Плаксенко]

Есть же прекрасное руководство
https://sass-guidelin.es/ru/
Можно многое узнать из него.
Вам нужен раздел - Архитектура.

Answer 3

[Иван]

Так скачайте исходники бутстрапа.

Answer 4

[vzaburdaev]

Есть bootstrap-sass, можно в нем посмотреть
https://github.com/twbs/bootstrap-sass

Answer 5

[Vasyl Kovbassa]

Вот бройлерпоейт от известного гуру scss Hugo Giraudel.
https://github.com/HugoGiraudel/sass-boilerplate