2012-01-23 13 views
8

こんにちは私は新しいレールアプリに取り組んで、私はちょうど財団を使用し始めた。rails 3.1を使ってZurb Foundation CSSプロパティをオーバーライドする方法は?

私は

を使用してインストールはグラムの基盤をレールでした:

すべてがespectedとして(私は私のソースコードでCSSを見ることができるということで意味作業、また、視覚的なされてインストールそれの効果; P)

私はちょうど私がOを見た

... Zurb財団のデフォルトの礼儀をオーバーライドする方法を理解しませんいくつかのfoundation.cssやapp.cssを編集するはずですが、アプリケーションフォルダにあるようなファイルはありません。

gemfileを編集してバンドルをインストールしました。

歓声

答えて

5

はオプション1:あなたは(あなたがgem 'zurb-foundation'のようなものを使用すると仮定した場合)バンドラを通してそれをインストールしているので、あなたが直接編集することができます任意のファイルを持っていません。 app/assets/stylesheets/application.cssを編集するか、ディレクトリ内に新しいファイルを追加することで、いつものように上書きしてスタイルを設定できます。私はZurbを修正することよりもこれをお勧めしたいので、将来的には新しいバージョンのZurbにアップグレードすることのメリットを混乱に対処せずに引き続き受けることができます。

オプション2:あなたは、カスタマイズをより詳細に制御する必要があり、上記の落とし穴を心配していないと思われる場合は、あなたがダウンロード/ foundation-railsのクローンを作成し、独自のRailsのディレクトリにvendor/assets内のファイルをコピーすることができます同じ名前。あなたのGemfileからzurb-foundationを削除し、再バンドルすると、自分のプロジェクトで直接アセットを変更できるはずです。

オプション3:foundation-sassをチェックし、コンパスを試してください。私はそれをあまり見ていないが、あなたはmixinを通じていくらかのカスタマイズをしておくべきだ。あなたはapp/assets/stylesheets/application.css

であなたの上書きを行う。しかし、あなたがapp/assets/stylesheets/foundation_and_overrides.scssでそれを行う場合、それがより良いかどう

+0

Thx、オプション1はまさに私がやるべきことです。 万一、すべてのdivをオーバーライドする方法を知っていますか(私はそれぞれを境界線を追加して、グリッドとネストを理解することができます)。 div.class overiddingは動作しますが、divはしません –

+2

'!important'を追加しようとしましたか?たとえば、 'div {border:1px solid#000!important; } '。 –

+1

foundation_and_overrides.scssは、application.cssの後のHTMLに含まれています。私はfoundation_and_overrides.scssでCSSを追加することについてのもう一つの答えがうまくいっていることを発見しました。 – LeBleu

6

は、はい、それは、

は、ファイルの先頭に、コメント行の束があります、動作しますこれらの行でいくつかの属性を変更することもできます!

関連する問題