2

私は sass と zurb の基盤を初めて使用し (過去にコードキット経由でブートストラップ/レスを使用したことがあります)、sass バージョンを使用しようとしましfoundation-sassたが、正常に構成できません - zurb の gem を使用してコマンドラインを使用するか、コードキットを使用して。

宝石を構成する場合:

  1. 財団は、すべての基盤コンポーネントをロードする限り機能します@import "ZURB-foundation";

  2. しかし、コメント@import "zurb/buttons";を外してコンポーネントを個別にロードしようとすると、エラーが表示されます: "Undefined variable: "$default-color"- しかし、変数と mixin ファイルはどこにあるのでしょうか?

  3. また、apps.scss を使用してすべてをオーバーライドすることなく設計をカスタマイズできるように、基礎となる scss ファイルはどこにありますか?

別の方法で Mac アプリケーション コードキットを使用しようとすると、次のようになります。

  1. /zurb/ ディレクトリが存在しないというエラーが表示されます (存在しません) - これは上記のポイント 3 に関連しているようです - 新しいコンパス基盤プロジェクトを作成すると、どの基盤ファイルも存在しないようですプロジェクト フォルダー。

次に、github 経由でfoundation-sass をダウンロードすると、次のようになります。

  1. すべてのファイルは、scss ではなく sass 形式です。

  2. また、コンパス mixin を呼び出したままに変更することはできますが、オリジナルを変更せずに Foundation のスタイルシート ファイルを変更するにはどうすればよいでしょうか? またはファイルを編集する必要があるのでしょうか?

すべてがどのように組み合わされるかについて私が理解している情報が見つからなかったので、ここの誰かが知っていることを望んでいました.

私はこれをRubyプロジェクトで使用していません-純粋にフロントエンドの作業のために物事をセットアップしようとしています.

どんな助けでも大歓迎です。

乾杯

ベン

4

2 に答える 2

2

今までに問題を解決したことを願っています。そうでない場合は、gem の解決策を次に示します。

Foundation 2.2.1 の時点で、コメント行を介して に示されている推奨されるインポート順序はfoundation.sass、いくぶん間違っています。多くの色やミックスインが定義されており、これらshared/*をロードbuttons/*する前にロードすると、コンパスに侮辱されてしまいます。

一方、パーシャル_ZURB-foundation.sass( によってインポートされた@import "ZURB-foundation") はパーシャルを正しい順序でロードし、コンポーネントを個別にロードするときにエラーのみが発生した理由を説明しています。

この順序を試してください (SASS 構文、SCSS の引用符とセミコロンを追加):

@import zurb/shared
@import zurb/globals
@import zurb/typography
@import zurb/grid
@import zurb/buttons
@import zurb/ui
@import zurb/forms
@import zurb/orbit
@import zurb/reveal
@import zurb/mobile

を使用gem which ZURB-foundationして、gem が格納されているディレクトリを見つけることができます。それにもかかわらず、Foundation ファイルを直接カスタマイズすることは非常に悪い考えです。変更が今後の更新によって消去される可能性があるためです。

于 2012-05-29T10:07:01.543 に答える