Susy语法错误:未定义的混合“span-列”

Question

我是苏西的新手，我正在尝试使用跨列混合，但是我得到了以下错误：

Syntax error: Undefined mixin 'span-columns'

我已经安装了罗盘-苏西-插件(0.9)，我没有安装苏西宝石。

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

screen.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

根据我所拥有的changelog，版本0.9中的列mixin在1.0版本中被重命名为span列，因此我要说，span-列混合不存在于Susy的0.9分支中。

目前的版本是1.0.5，这是我使用的没有问题(到目前为止)。

Answer 2

以下是来自文档的另一个答案：

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

//安装了Susy 2.x .@进口"susyone"；