2012-04-27 16 views
0

RoR 3.2.3のリンクカラーをBootstrap-Sassでどのように変更するのですか。私はcustom.css.scssにルールを追加しようとしましたが、動作しません。 /vendors/assets/stylesheets/variables.css.scssについて検索して読みましたが、このファイルは/vendors/../stylesheetsディレクトリには表示されません。何か案は?RoR 3.2.3のリンクスタイルをbootstrap-sassで変更する

+0

@PaulSimpsonありがとう、私はこれを実現しました。 – Tom

答えて

10

あなたが作成したcustom.css.scssファイルでは、あなたが前bootstrap variablesを設定する必要があります@import "bootstrap"(Twitterのドキュメント内の変数は、LESSスタイルの構文を使用していないサス/ SCSSされていることに注意することが重要です)。たとえば、あなたがホバーに黒に変更し、明るい赤のリンクを望んでいた場合、あなたはそれ以外の場合は、デフォルト値が使用されているインポート前に定義する必要がありますcustom.css.scss

$linkColor:  #FF0000; 
$linkColorHover: #000; 

@import "bootstrap"; 

変数でこれを置くだろう。

+0

ありがとうございました。私が理解していることは、ブートストラップ・サスを使用するとき、ほとんどの変数は@を$に置き換えるだけで変えることができるということです。 – Tom

+0

右 - @はLESSスタイル、$はSass/SCSSです。 @importステートメントの前に変数定義を配置してください。 –

+0

まだ私のために働いていない。 私は与えました $ bodyBackground:#fbfbfb!default; $ textColor:#FFF!デフォルト; @import "bootstrap"; これらの変数はサポートされていません。 –

1

もう1つ注意してください。 @import "bootstrap"の前に変数の変更を加えた後でも、あなたの色が更新されていないのを見たら、ステートメント。ブートストラップファイルを上書きしている他のファイルがスタイルシートディレクトリにないことを確認してください。私はこの問題を抱えていましたが、他のファイルを削除すると、最終的にブートストラップの色の変化を見ることができました。

+0

これは問題を引き起こしていたscaffold.css.scssを含む足場を構築し、削除してすべてが機能した問題です。 – Tom

関連する問題