CODEWITHSUNDEEP
meteorsass
Aidan Ewen
Aidan Ewen

Reputation: 13308

Load css in Meteor with Fourseven:scss

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?

Upvotes: 2

Views: 1499

Answers (1)

tomsp
tomsp

Reputation: 1807

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

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

Does it work?

Upvotes: 6

Related Questions