1

Zurb Foundation Framework の助けを借りてストアのフロントエンドを書き直そうとしていますが、悲しいことに、かなりの問題に遭遇します。

gemfileに「zurb-foundation」 gem を含め、assets/store ディレクトリの all.js と all.css に以下を追加しました。

アセット/スタイルシート/ストア/all.css

*= require foundation
@import 'foundation';

assets/javascripts/store/all.js

//= require foundation
(document).foundation();

これまでのところ、zurb のドキュメントで説明されているようにクラスを使用できます。また、フレームワークに含まれるさまざまなアイテム (トップバー、オービットなど) もうまく機能します。

残念ながら、変数をオーバーライドできないという問題に遭遇しました。それらを処理するために、stylesheets/store ディレクトリにファイル'custom_variables.css.scss'を作成しました。

4

1 に答える 1

4

これがRailsバージョンに含まれていない理由がわかりません。Compassによって自動的に作成されるファイルを追加できます。_settings.scss

ファイルはgithubからダウンロードできます。

settings.scssのGithubファイル

そしてそれをあなたの中に置きますapp/assets/stylesheets

foundation_and_overrides.scss次に、上記に次の行を追加します@import 'foundation';

@import'設定';

これで、次のようになります。

// Settings file to override Foundation variables

// You can find the variables for each component at the bottom of their
// doc page. We tried to name them to where they'd make sense just by reading them.
// Go to http://foundation.zurb.com/docs/ to find what you need.

@import 'settings'
@import 'foundation';

これで、スタイルを上書きしようとするのではなく、変更したいもののコメントを外すことができます。これは、コンパスでデフォルトでどのように機能するかです。@import 'foundation';重要なのは、呼び出される前にsass変数を変更することだと思います。それ以外の場合は、ファンデーションのすべてのcssが書き出された後で、変数を変更するだけです。

これは、Foundation4.0.8を使用して私にとってうまく機能しています。

于 2013-03-19T02:30:15.293 に答える