Using a variable in stylesheet

Question

I have a multi-tenancy Rails app, where each tenant has an base_color attribute which contains a hex color code. I have a variables.css.scss file which contains Sass variables which are used in several other stylesheet files.

Now I want to use the tenant.base_color variable to set the Sass variable $base_color in variables.css.scss, so the base color of the app changes according to the logged in tenant. Is this at all possible?

I tried to rename the file to variables.css.scss.erb and then use this:

$base-color: <%= current_tenant.base_color %>;

But this doesn't work, I get an File to import not found or unreadable: variables.css.scss. error.

It's not possible. css.scss files are compiled to css once (when you run bundle exec rake assets:precompile), so you can't make them dependant on some dynamic values. I guess you'd have to use inline css instead. — Marek Lipka
– Marek Lipka, Commented Apr 9, 2014 at 10:44
That's a pity, but now it works by doing this. Can you move this as answer, then I'll give you credit. — John
– John, Commented Apr 10, 2014 at 6:02

Marek Lipka · Accepted Answer · 2014-04-10 07:20:22Z

1

It's not possible. css.scss files are compiled to css once (when you run bundle exec rake assets:precompile), so you can't make them dependant on some dynamic values. I guess you'd have to use inline css instead.

answered Apr 10, 2014 at 7:20

Marek Lipka

51.3k7 gold badges90 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using a variable in stylesheet

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related