The SASS import directive is used to import the contents of one file into another, so you could create a file final.scss
whose contents are:
@import 'main';
@import 'about';
@import 'news';
You'd then need to rename your files to have "scss" extensions so the import directive will find them. If you don't want the main.scss
, about.scss
, and news.scss
files to compile to CSS files themselves, you can use partials by prefixing the filenames with an underscore (i.e., _main.scss
, _about.scss
, _news.scss
).