2016-09-18 150 views
5

如何根据ruby变量值设置SCSS变量?Ruby on Rails - SLIM - SCSS - 注入ruby变量

下面的代码是工作了CSS而不是SCSS:

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

如果我做同样的事情SCSS:

​​

输出如下:

.primaryColor{color:primaryColor} 

所以有关如何将变量注入SCSS的想法?

+0

这只是一个预感,但你有没有尝试用双引号包装插值?例如'$ color =“#{primaryColor}”' – pdoherty926

+0

是的,我做到了。同样的后果。 – Gapipro

+0

是的,这似乎并不适用于Slim,这是一个无赖。至少你有'css:'变种可以回退。 – pdoherty926

回答

-1

为.scss文件添加一个.slim扩展名,并且您的变量扩展应该可以工作(即“.scss.slim”)。详情请参阅Asset Pipeline Preprocessing

+0

这与我的问题无关。 – Gapipro

0

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

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