SASS file architecture?

Question

css

Before that, I made up only landing pages, now the question is how to organize the structure of SASS files on a large project. Out of habit, I wrote the styles of the main page in main.sass, the file that is compiled. Each internal page has its own SASS file, they are imported into main without any problems, but how can the styles of the main file be imported into internal ones? Is it possible? galp swears a lot)) Help please

Answer 1

I have a file structure like this:

_b // БЭМ компоненты
    _slider.scss
    _auth.scss
    _index.scss // все файлы ипортируются сюда
rewrite // перезапись сторонних библиотек
    _bootstrap.scss
    _select2.scss
    _index.scss // все файлы импортируются сюда
fonts // шрифты
    _roboto.scss
    _index.scss  // все файлы импортируются сюда
_helpers.scss // файл полезных фишечек
_normalize.scss
styles.scss // на этот файл смотрит gulp. Сюда включаются все файлы index.scss из папок и файлы хелпера и нормалайза.

In your case: you can specify an import from outside: Just make sure that the import does not loop, gulp will swear.