Forum Discussion

Claudius's avatar
9 years ago

SASS interpolation supported?

Working on some page styling I would like to include resources that are part of an external framework with it's own versioning scheme. In order to be able to quickly switch the version I have a variable defined in our _variables.scss

$assets_path: "https://myassets.example.com/framework/2.0.418";

..and then would like to reference it in the component's SCSS file via (highlighted in bold):

background: url(#{$assets_path}/img/logo-sprite.svg) -123px 0 no-repeat;

Unfortunately Lithium is responding with "An Unexpected Error has occurred."

 

Is SASS interpolation supported by Lithium?

Or am I using it wrongly?

 

Documentation on SASS interpolation: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_

  • Isn't it great if you can answer you own question? :D

     

    SASS interpolation is supported in Lithium. My approach described above is working.

     

    (The error I had was caused by a stupid typo somewhere else in my SCSS. As usual... *facepalm* )