Grunt: Adding gem dependencies via 'require'

Question

Here is the SASS grunt-contrib-sass portion of my Gruntfile:

sass: {
    dist: {
        options: {
            style: 'compressed',
            require: ['zurb-foundation', 'bourbon']
        },
        files: {
            'dist/css/styles.css': 'src/sass/app.scss'
        }
    }
},

What I'm trying to do is require both the Foundation framework and Bourbon mixin library. When I try to compile, it says the path to read in the Foundation files is not readable (or supplied) even though they are installed on my system (I've used Codekit in the past with Compass, but want to move away from it). Is there something specific I'd have to do add to pull-in these gems? Thanks!

Answer 1

Let's take Bourbon as an example; if the gem is installed on your system (it appears in the gem list command), you will need to install it into your stylesheets directory and also import it. E.g.

@import 'bourbon/bourbon';

body {
    margin: 0
}

/* ... */

This follows the documentation on bourbon.io; I don't think it's enough to just specify Bourbon in the require config. Look at the Foundation docs and it will also tell you to @import the library.

Hope this helps.