slim
slim copied to clipboard
SCSS - how to insert ruby variable?
I am trying to inject ruby variable into sass but I can't find any help on how to do it.
If I use CSS engine then it can be done like so:
css:
.remodal-overlay:after {
background-image: url(#{variables['palette-background-color']});
}
But when I try to do same thing with SCSS I get error:
Invalid CSS after "...r : #{variables": expected "}", was "["palette-backg..."
And here is my scss:
scss:
$color : #{variables["palette-background-color"]};
.remodal-overlay:after {
background-image:$color;
}
Should I set local variables in ruby before using them in scss?
I'm trying to do the same and hitting the same "Invalid CSS after..." error. Would be great to have a solution without resorting to the CSS engine.
@xanview @gapipro - any luck with this?
This is not supported because of the way sass code is compiled right now.
@minad - so this type of stuff won't work anymore?
- if @network.titlebar_image
scss:
.navbar-default {
background-image: url(#{@network.titlebar_image.url});
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
thanks...
Just hit this today. Would be awesome to support ruby variables in the sass or scss filters.
Nothing happens here. This one is still actual, though.