新しい Rails プロジェクトを開始し、よく考え抜かれたカラー パレットがあり、それを 1 か所にまとめたいと考えています。通常は CSS で色を保持していますが、背景色、色、境界線の色などとして表示されるため、多くの異なるセレクターですべて同じ色になってしまうことがわかりました。色へのアクセスが必要になることもあります。 Javascriptで。各色を 1 回定義するだけでよいでしょう。
したがって、CSS と Javascript で再利用可能な方法でカラー パレットを定義したいと思いますが、CSS 構文を完全に放棄して SASS まで行きたくはありません。
これを可能にするレールプラグインはすでに作成されていますか? ERB タイプのソリューションにパッチを適用することもできますが、他の誰かがすぐに利用できるものを持っている場合はそうしたくありません。
あなたが探しているもののように聞こえる{less}という新しいプロジェクトがあります: http://lesscss.org/
LESSにはrails pluginと、より CSS に似た構文があるようです。
LESS や SASS などのサーバー側のパーサーはいくつかありますが、CSS でパレットの考え方を使用したい場合は、考え方を逆にする必要があります。色、フォントなどの基本的なスタイルを定義し、タグ レベルで複数のクラスを適用します。
[スタイル]
.color1{色:赤}
.color2{色:青}
.color3{色:緑}
.bcolor1{色:赤}
.bcolor2{色:青}
.bcolor3{色:緑}
[/スタイル]
[タグクラス="color1 bcolor2"]
これは私たちにとって非常にうまく機能しています。
別の（純粋なCSS）方法は、各色を1回定義し、そのoe色定義に関連付けられた複数のセレクターを使用することです。次に例を示します。
body,
p,
#foo,
.bar {color: #802369 }