Question

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

Syntax error: Undefined mixin 'span-columns'

我已经安装了compass-susy-plugin（0.9）并且我没有安装Susy gem。

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

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

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

Answer 2

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

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

//安装了Susy 2.x ...... @import＆＃34; susyone＆＃34 ;;

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

2 个答案: