Timestretch Timestretch - 4 months ago 13
Sass (Sass) Question

Stop SASS from compiling out trailing spaces in CSS

I am trying to target IE 8 & 9 via a browser specific CSS hack as demonstrated here. However, I am using SASS, (in particular, the WebCompiler Visual Studio extension), and it compiles out the trailing spaces before the semicolon.
Thus

.class{ display: none \ ;}


becomes

.class { display: none \;}


and breaks the hack. Is there any way to work around this?

Answer

If you need a space you can concatenate an empty string.

SASS:

.class{ display: none \ +'';}

Output:

.class {
  display: none \ ;
}
Comments