私は自分の Rails プロジェクトで Susy 2 を使い始めましたが、今はそれを php プロジェクトで使いたいと思っています。環境を制御するためにrbenvを使用して、sass-3.4.11、compass-1.0.3、およびsusy-2.2.2をインストールしました。scss ファイル チェーンの先頭に compass と susy をインポートしました。
@import "compass";
@import "susy";
作業中の Ruby プロジェクトから次のコードを php プロジェクトに貼り付けました。
$susy: (
container: $page-width,
columns: 12,
gutters: 1em/3.5em, //$gutter-width / $column-width,
column-width: 3.5em,
global-box-sizing: border-box
);
@include border-box-sizing; // Part of Susy
コンパイラは、コンテナー、列などにエラーとしてフラグを立てます。これは、border-box-sizing、enstitute-baseline、および span(12 of 12) を使用しています。$susy: () はバージョン 2 の一部ですよね? それを機能させるためにphpプロジェクトで他に何かしなければならないことはありますか? 別のphpプロジェクトでバージョン1を使用しています。
それが違いを生む場合、これは私のコンパイルステートメントです:
compass compile /volumes/data/htdocs/zetcho
PHPStorm IDE を使用して呼び出しています。
アップデート
問題があるのは、IDE、PHPStorm である可能性があります。ステートメントにエラーがあるとフラグを立てていますが、コンパイラは文句を言っていません。私はサイトをリファクタリングする方法があり、混乱しているので、Susy が機能しているかどうかわかりません。別の JetBrains IDE である RubyMine も使用します。コードについては文句を言いません。
更新 2
$susy: コードのコメントを外すと、IDE はコンパイラを実行しません。具体的には、コンテナ、列などの後のコロンが好きではありません。
アップデート 3
問題文をコメントアウトして、サイトのリファクタリングを終了しました。うまくレイアウトされているように見えます。バージョン 2 より前の変数がいくつか定義されています。