Snippets for using ruby gems as compass dependencies in Grunt

Gemfile

# A sample Gemfile
source "https://rubygems.org"

gem "breakpoint", "~>2.4.0"
gem "susy"
gem "compass", "1.0.0.alpha.21"

Gruntfile.js

// Compiles Sass to CSS and generates necessary files if requested
// ...
compass: {
  options: {
    sassDir: '<%= yeoman.app %>/styles',
    cssDir: '.tmp/styles',
    generatedImagesDir: '.tmp/images/generated',
    imagesDir: '<%= yeoman.app %>/images',
    javascriptsDir: '<%= yeoman.app %>/scripts',
    fontsDir: '<%= yeoman.app %>/styles/fonts',
    importPath: '<%= yeoman.app %>/bower_components',
    httpImagesPath: '/images',
    httpGeneratedImagesPath: '/images/generated',
    httpFontsPath: '/styles/fonts',
    relativeAssets: false,
    assetCacheBuster: false,
    require: ['susy', 'breakpoint'], //requires extra gems
    bundleExec: true // need this to run bundler. See Gemfile below.
  },
  dist: {
    options: {
      generatedImagesDir: '<%= yeoman.dist %>/images/generated'
    }
  },
  server: {
    options: {
      debugInfo: true
    }
  }
}