「.css.scss.erb」にファイルの拡張子を変更する必要があります私の頭の上から外してください:
- コントローラーであなたのスタイルシートを提供してください。
- CSSクラスを使用して、コントローラ、インラインパーシャル、またはCSS
@import
を使用して色を設定し、CSSだけを提供します。
コントローラを使用してスタイルシートを表示するのはかなり簡単なので、あまり言い表せません。これは少し醜いと厄介かもしれません。 1秒間
、あなたはカップルの余分なCSSクラスを追加したい:その後、カスタムの背景色を使用する必要がある任意の要素は、それらの通常のCSSクラスを必要とcustom-bg
う
.custom-bg {
background-color: some-default-bg;
}
.link-fg {
color: some-default-fg;
}
/*...*/
を。他の設定可能な値には同様の偽名が必要になります。カスタマイズされたCSSを提供するには、<style>
要素を標準のERB部分を使用してHTMLにインライン化するか、コントローラー(<style src="...">
または@import
のいずれか)を使用してCSSを提供することができます。だから、あなたのHTMLで古い学校の複数のCSSクラスでSASSyの良さを偽ってしまいます。
JavaScriptもあります。あなたは自分の色を調整してから、このようなもので、それらを直接調整する必要がある要素を識別するためにいくつかの方法が必要になりたい:
$('.need-custom-background').css('background-color', '...');
サイト/ページごとに1つだけ。 – complex