Rails4 で Sass に定義した変数の値を Javascript から変更できますか?
Rails4 で Sass を利用してスタイルシートを記述しています。
Sass は変数が使えるのでとても便利なのですが、 Sass で定義した変数の値を Javascript から変更するというようなことはできますでしょうか。
たとえば以下の様な Sass ファイルを作成し「赤」をテーマカラーに設定していた場合:
$theme-color: #FF0000
body
color: $theme-color
.box
background: $theme-color
color: white
.message
border: solid 1px $theme-color
&:after
content 'message:'
color: $theme-color
$theme-color
の値を Javascript から #0000FF
に切り替え、サイトのテーマカラーを一括で変更するというようなことはできますでしょうか。