Ruby on Rails - SLIM - SCSS - inject ruby variable

Question

How do I set a SCSS variable based on ruby variable value?

Following code is working for CSS but not for SCSS:

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

If I do same thing with SCSS:

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

    .primaryColor {
      color: $color;
    }

output is as follows:

.primaryColor{color:primaryColor}

So any idea on how to inject variable into SCSS?

Answer 1

Sadly, it's not supported.

Iterpolated are:

• ruby
• javascript
• css
• markdown
• textile
• rdoc

And these are not:

• sass/scss
• less
• coffee

As described here: https://github.com/slim-template/slim#embedded-engines-markdown-