Как вы разбиваете SASS по файлам?

Question

[Владимир]

Сейчас список моих sсss-файлов выглядит так:


В файле variables.scss хранятся вообще все переменные. Тут и брекпоинты, и цвета, и размеры текстовых элементов. Насколько такой подход правильный? Или лучше хранить переменные в файле, к которому они непосредственно относятся (брекпоинты в breakpoints.scss, типографику в typography.scss и т. д.)?

Расскажите, как вы разбиваете SASS по файлам?

Answer 1

[Сергей delphinpro]

как-то так

Comments

[Владимир]

А у вас все переменные тоже в одном файле _variables.scss или есть вне?

[Сергей delphinpro]

Владимир, у меня есть файлы, которые я часто перекидываю из проекта в проект. В таких файлах переменные прописаны прямо в них с опцией default

$modal-width: 600px !default;

В variables при необходимости можно переназначить это значение.

А так в целом зависит от проекта. Если он большой, то я выделяю основные цветовые переменные в colors.scss, шрифтовые в type.scss
и отдельно файл blocks.scss, где сгруппированы разнотипные переменные относящиеся к разным компонентам (все в одном файле).
В небольшом проекте всё в variabless.scss

[Владимир]

Сергей delphinpro, спасибо