Load css in Meteor with Fourseven:scss

Question

I'm using fourseven:scss to compile scss files. This seems to work fine if I include my .scss files under the client directory. However I'd like to leave them near my components either in /imports/ui/stylesheets/ or else right next to the components in /imports/ui/components/ . It's just that nothing seems to happen when I leave them there.

The fourseven documentation says that the packages searches all directories and complies .css files from any .scss files it finds. These are then packaged up and sent down to the browser. I can see a resource "merged-stylesheets-prefixed.css" when I put my .scss in the client directory. I just can't see anything when I put it under imports.

How do I control this behaviour?

Answer 1

Try creating a main.scss file in the client folder and from there import all your other files, like eg:

@import "{}/imports/ui/components/_ComponentABC.scss";

Does it work?