0

私はSusyを初めて使用し、スパン列のミックスインを利用しようとしていますが、次のエラーが発生します。

Syntax error: Undefined mixin 'span-columns'

compass-susy-plugin（0.9）をインストールしましたが、Susygemをインストールしていません。

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;
4

2 に答える 2

1

私が持っている変更ログによると、バージョン0.9の列ミックスインはバージョン1.0のスパン列に名前が変更されたため、スパン列ミックスインはSusyの0.9ブランチには存在していなかったと言えます。

現在のバージョンは1.0.5で、これは私が問題なく使用しているものです（これまでのところ）。

于 2013-01-30T04:06:16.480 に答える
0

ドキュメントからの別の回答は次のとおりです。

Susy 2.xは、2つの構文オプションを並べてサポートします。最新のリリースを使用したいが古い構文を維持したい場合は、インポートをsusyからsusyoneに変更してください。

//Susy2.xがインストールされている場合...@import "susyone";

于 2016-08-01T19:10:18.330 に答える