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{color:primaryColor} 

所以有關如何將變量注入SCSS的想法？

Answer 1

爲.scss文件添加一個.slim擴展名，並且您的變量擴展應該可以工作（即「.scss.slim」）。詳情請參閱Asset Pipeline Preprocessing。

Answer 2

您可以在scss指令中使用標準的ERB插值，不確定是否有更簡單的方法。

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