Mardzis Mardzis - 18 days ago 10
Sass (Sass) Question

Is there a way to import all partial files in SASS?

I would like to know if it's possible to write just a name of a folder and every file inside would be automatically imported?

For example, I have a

main.scss
which contains only imports

@import "components/forms";
@import "components/header";
@import 'components/intro';


and I would like to just write

@import "components/**/*";


So every file inside
components
will be imported as above.

Answer

I can use sass-globbing. It lets me import directories or whole directory trees with a single @import statement:

// import a directory's contents
@import 'dir/*';

// recursively import a directory's contents and any sub-directories:
@import 'dir/**/*';

I’ll install it from the command line

gem install sass-globbing

more here on Github plugin homepage.