susy-compass - Susy 语法错误：未定义的混合 'span-columns'

Question

我是 Susy 的新手，我正在尝试使用 span-columns mixin，但是我收到以下错误：

Syntax error: Undefined mixin 'span-columns'

我已经安装了 compass-susy-plugin (0.9)，但没有安装 Susy gem。

SCSS 文件包括 screen.scss 和 _base.scss

屏幕.scss

// Imports -------------------------------------------------------------------

@import "base";
@import "typography";

/* Layout ------------------------------------------------------------------*/

.container {
  @include container;
  @include susy-grid-background;
}

.main {
    @include span-columns(8,12);
}

.left-sidebar {  
  @include columns(2);  
  @include alpha;
  background-color: red;  
}

.right-sidebar {  
  @include columns(2);  
  @include omega;  
  background-color: red;
}

_base.scss

// Imports -------------------------------------------------------------------

@import "susy";

// Grid ----------------------------------------------------------------------

$total-cols             : 12;
$col-width              : 4em;
$gutter-width           : 1em;
$side-gutter-width      : $gutter-width;

$show-grid-backgrounds  : true;

Answer 1

根据我拥有的更改日志，0.9 版中的列 mixin 在 1.0 版中被重命名为 span-columns，所以我会说跨度列 mixin 在 Susy 的 0.9 分支中不存在。

当前版本是 1.0.5，这是我正在使用的没有问题的版本（到目前为止）。

Answer 2

这是文档的另一个答案：

Susy 2.x 并排支持两种语法选项。如果您想使用最新版本但保留旧语法，请将您的导入从 susy 更改为 susyone。

// 安装了 Susy 2.x... @import "susyone";