Ruby on Rails - SLIM - SCSS - 注入ruby变量

Question

如何根据ruby变量值设置SCSS变量？

以下代码适用于CSS但不适用于SCSS:

- primaryColor = app.theme_variables['primary-color'];
= content_for(:after_head_script) do
  css:
   .primaryColor {
     color: #{primaryColor};
   }

如果我用SCSS做同样的事情:

- primaryColor = app.theme_variables['primary-color'];
= content_for(:after_head_script) do
  scss:
    $color = #{primaryColor}

    .primaryColor {
      color: $color;
    }

输出如下:

.primaryColor{color:primaryColor}

那么关于如何将变量注入SCSS的任何想法？

Answer 1

将 .slim 扩展名添加到 .scss 文件中，您的变量扩展应该可以工作（即“.scss.slim”）。

有关详细信息，请参阅资产管道预处理。