Can SCSS mixins be loaded before skins?

[aschrijver]

I am adding my own custom skin and want to define custom button styles, like this:

.btn--primary.think {
  background-color: $think-color;

  &:hover {
    @include yiq-contrasted(mix(#000, $think-color, 20%));
  }
}

It does not work because the mixins are loaded after the skin, so I have to add this to _buttons.scss instead. It might be hard given the sequence stuff must be loaded, but maybe there is a way to have the mixins already available to skins?

[mmistakes]

Have you tried loading the mixins Sass partial in your skin partial?
If you @import it before you call the mixin with @include it should work. The only tricky part is getting the path to the mixin correct.

@import "../../mixins";

.btn--primary.think {
  background-color: $think-color;

  &:hover {
    @include yiq-contrasted(mix(#000, $think-color, 20%));
  }
}

[aschrijver]

Thanks a lot for your help @mmistakes ! I don't get it to work (btw, the path is one level up), and it needs also loading the appropriate (or all) _variables.scss first, and probably button definitions too, as in:

@import "../variables";
@import "../mixins";
@import "../buttons";

The button color is not set, unless modifying _buttons.scss directly. I am resigned to do just that, but if you see a good enhancement wrt skins you can keep the issue open. Otherwise it can be closed. Thanks again.