Scss

Gulp таск 

Файлы препроцессора scss собираются таском ./gulp/tasks/styles.js.

Иерархия файлов 

Файловая структура scss выглядит следующим образом:

./src/scss/
├── core
│   ├── base
│   └── helpers
├── _critical.scss
├── main.scss
└── scaffolds
    ├── components
    └── sections

• core - содержит базовые настройки стилей для всего проекта;
  • base - содержит базовые стили, подключает кастомные шрифты;
  • helpers - содержит переменные, миксины;
• scaffolds - содержит стили секций и компонентов сайта;
  • components - содержит стили повторяющихся элементов на сайте;
  • sections - содержит стили целых секций сайта;
• main.scss - основной файл объединяющий все стили.
• _critical.scss - содержит критические стили.