Render dynamic CSS

controller.rb

class Display::WidgetsController < ApplicationController
  def show
    scss = render_to_string('show', locals: { foo: bar }, formats: :scss)
    @css = Sass::Engine.new(scss, Compass.sass_engine_options.merge(syntax: :scss)).render
  end
end

show.html.haml

%style{ type: 'text/css' }
  = css.chomp.html_safe

show.scss.erb

div[data-id="<%= foo %>"] {
  display: none;
}

This does not work for me with @import into the .scss.erb file.

Any idea ?

Thanks.

you need set gems in assets group in Gemfile accessible under production environment

@imports should work if you:

• make sure you're importing a partial, i.e. the filename must be _base.css.scss, not base.css.scss
• include the full filename except .scss in the import directive, i.e. @import "base.css";

@manuelmeurer it works, thanks you!