SCSSでif文でpathを指定したい

Question

こんにちは。現在、railsでアプリケーションのプログラムを行なっております。

その中で、views内のhtmlにおいて、index.html.slimとhoge.html.slimの二つのファイルがあり、それぞれにおいてSCSSで指定する以下の部分を分けて表示したいと考えております。

index.html.slim
  $main_color: red;
  $sub_color: red;
  $asort_color: red;

hoge.html.slim
  $main_color: blue;
  $sub_color: blue;
  $asort_color: blue;

通常@if,@elseを使用することでSCSSはif文を活用できると思いますが、上記の場合、indexとhogeのpathを指定しなければならないと思いますが、その方法が分からず困っております。
ご指導よろしくお願い致します。

Answer 1

上記の場合、indexとhogeのpathを指定しなければならないと思いますが、その方法が分からず困っております。

呼び出し元のhtmlファイルをパスで判定することはできない気がします…

代替案になってしまいますが、変数定義を別ファイルに分けて、
それぞれのViewで読み込むのはどうでしょうか？

// 通常はメインカラーは赤色
$main_color: red  !default
.title{ background-color: $main_color; }

// hogeページはメインカラーを青色にしたいので変数を上書き
$main_color: blue;

// メインカラーの変数は青色になる
stylesheet_link_tag 'variables_for_hoge.scss'
stylesheet_link_tag 'common.scss'