dfreeman/ember-css-modules-sass

Global mixins

Opened this issue · 6 comments

Hi, how can I use mixins which have been declared globally?

Hi @dan-ste — can you provide more details about what you're aiming to do? What have you tried that's not working as you'd expect?

I want to store all my mixins in one file and get access to them from any part of my scss code.
And variables also)

The variables part is also something I'd want to do. For eg. have a colors.sass file somewhere with colors defined as $color1: #FFF and then reference this color in a CSS module.

@dan-ste By the time the Sass compiler sees your code, it will all have been concatenated into a single big file, so the only thing you should need to do is make sure that your shared mixins/variables wind up near the top of that file so you can reference them.

Take a look at the headerModules configuration option for ember-css-modules; it should allow you to do what you need to.

Ran into this issue too. This should be in the readme!

@lolmaus PRs welcome 😉