はオプション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
でそれを行う場合、それがより良いかどう
Thx、オプション1はまさに私がやるべきことです。 万一、すべてのdivをオーバーライドする方法を知っていますか(私はそれぞれを境界線を追加して、グリッドとネストを理解することができます)。 div.class overiddingは動作しますが、divはしません –
'!important'を追加しようとしましたか?たとえば、 'div {border:1px solid#000!important; } '。 –
foundation_and_overrides.scssは、application.cssの後のHTMLに含まれています。私はfoundation_and_overrides.scssでCSSを追加することについてのもう一つの答えがうまくいっていることを発見しました。 – LeBleu