ember.jssassbowerbroccolijs

Using Sass toolkit with Ember

I'm trying to use this Sass toolkit with Ember. I have Sass installed using Ember-cli-sass

I have a working app.scss file that's being imported.

bower install sass-toolkit --save-dev

However when I then try to include any of the mixins they're not found:

@include clearfix('false');

results in :

The Broccoli Plugin: [SassCompiler] failed with: Error: no mixin named clearfix

Solution

  • The error is correct - your SCSS is invalid.

    You can't use a mixin before you define it.

    When using the Sass-toolkit you need to import it in the head of your sass file:

    @import "toolkit";