1

こんにちは、codekit を使ってみます。最新のコードキット バージョン (1.26) をインストールしましたが、ターミナル経由で最新バージョンの sass とコンパスもインストールしました。Codekit 内で、端末にイ​​ンストールされているコンパスの外部バージョンを使用するように切り替えました。Codekit dev によると、コンパス拡張機能の内部コードキット コンパス バージョンは外部であり、依存関係の問題が発生するため、現時点では必要です。次に、プロジェクトのconfig.rbファイルでgithub.inから最新の圧縮バージョンのsusyをダウンロードしました。圧縮されていない圧縮バージョンのsusyのrequireを設定しました。

require "/Users/danton/Documents/Coding/Templates/Compass/susy-d6a2a1f/lib/susy.rb";

そして私のscssファイル内：

@import 'susy';

私が設定したページ全体のラッパーdivで：

.wrapper {
    width: 100%;
    @include container;
    @include susy-grid-background;
    @include bleed;

}

Bleed は、Eric がここに投稿した mixin です。そこまでは、すべてが順調に見えます。susy グリッドの背景を取得し、bleed mixin を使用すると、要素がページ幅全体に引き伸ばされます。しかし、「スパン列」コードキットを追加しようとすると、コンパイル時にエラーが吐き出されます:

error style.scss (Line 24 of _layout.scss: Undefined mixin 'span-columns'.)

_layout.scss の susy に関連するコードは次のようになります。

$total-columns: 24;
$column-width: 4em;
$gutter-width: 1em;
$grid-padding: $gutter-width;  // 1em

@mixin bleed($padding: $grid-padding, $sides: left right) {
  @if $sides == 'all' {
    margin: - $padding;
    padding: $padding;
  } @else {
    @each $side in $sides {
       margin-#{$side}: - $padding;
       padding-#{$side}: $padding;
    }
  }
}

.testcol { @include span-columns(18,24); }

圧縮されていないzipファイルだけにリンクするのではなく、ターミナルにもsusyをインストールする必要がありますか、それとも物事を進めるために最善を尽くす必要がありますか。コンパイル時に何がエラーを引き起こしているのかまだ少しわかりませんか? 私の使用コード？コードキット？スージー？誰かが物事を機能させる方法のヒントを持っているなら、それはいいでしょう。前もって感謝します。r.

4

0 に答える 0