使用Susy和Yeoman - 编译错误

Question

我正在尝试将Susy Grids整合到Yeoman项目中。我按照Susy guide上的说明无效。

我的Gruntfile.js有：

compass: {
  dist: {
    options: {
      css_dir: 'temp/styles',
      sass_dir: 'app/styles',
      images_dir: 'app/images',
      javascripts_dir: 'temp/scripts',
      force: true,
      config: '.config.rb'
    }
  }
},

我将.config.rb添加到根目录：

# .config.rb
require "susy"

在主样式表中输入susy：

@import "susy";

$base-font-size: 12px;
$total-columns  : 12;
$column-width   : 12em;
$gutter-width   : 1em;
$grid-padding   : 0;

.container {
    @include span-columns(2,10);
}

然而，当我yeoman server时，我不断收到编译错误：

error app/styles/main.scss (Line 10: Undefined mixin 'span-columns'.)

有没有人有这方面的工作经验？