CODEWITHSUNDEEP
meteorsass
mc9
mc9

Reputation: 6349

Meteor: Load scss files in a certain order

I'd like to know how to load scss files in order when using Meteor.

Not using Meteor, I would make something like application.scss and load .scss files in order so that stylesheets loaded later can depend on mixins/variables loaded earlier. And then I'd load application.scss in my template.

application.scss

@import 'bourbon/bourbon'
@import 'colors' // where I define color variables

...

// import other stylesheets that depend on `bourbon` and `colors`

But I can't do this because Meteor loads all the stylesheets automatically in an unspecified order.

I tried to place bourbon and colors inside client/lib so that they are loaded first, but I can not make use of the mixins/variables defined in them in other stylesheets.

Any suggestions?

Upvotes: 1

Views: 716

Answers (1)

fuzzybabybunny
fuzzybabybunny

Reputation: 5254

Here you go:

https://github.com/fourseven/meteor-scss

Very popular and actively-managed package for SCSS users.

Upvotes: 1

Related Questions