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

可悲的是，它不受支持。

Iterpolated是：

• 红宝石
• JavaScript的
• CSS
• 降价
• 纺织品
• 的RDoc

而这些不是：

• SASS / SCSS
• 减
• 咖啡

如下所述：https://github.com/slim-template/slim#embedded-engines-markdown-

Answer 2

在.scss文件中添加.slim扩展名，并且您的变量扩展应该有效（即“.scss.slim”）。

有关详细信息，请参阅Asset Pipeline Preprocessing。

Answer 3

你可以在scss指令中使用标准的ERB插值，不确定是否有更简洁的方法。

scss:
  $color = <%= primaryColor %>;