unicode variables are formatted to UTF-8 during compilation

[nicolaspanel]

Issue: unicode variables are formatted to UTF-8 during compilation
Example: fa-glass icon from font-awesome
It is defined as :

.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } // see https://github.com/FortAwesome/Font-Awesome/blob/master/scss/_icons.scss#L4) 
//  with 
$fa-var-glass: "\f000"; // see https://github.com/FortAwesome/Font-Awesome/blob/master/scss/_variables.scss#L304

// After compilation it becomes:

.fa-glass:before{content:""} 
// instead of
.fa-glass:before{content:"\f000"}

SSCCE:

> var sass = require('node-sass');
> console.log(sass.renderSync({data: '$fa-var-glass: "\\f000"; .fa-glass:before { content: $fa-var-glass; }'}).css.toString())
@charset "UTF-8";
.fa-glass:before {
  content: ""; }

Versions:

• node: v4.2.4
• node-sass: v3.4.2
• font-awesome: v4.5.0

[xzyfer]

Please do not post code that does not compile. We will not dig through your framework to figure what's going.

I'll assume you meant the following.

$fa-var-glass: "\f000";
foo {
  content: $fa-var-glass;

In which case both node-sass and Ruby Sass output

@charset "UTF-8";
.glass:before {
  content: "";
}

It might not look pretty but it's perfectly valid CSS. Since we're doing what Ruby Sass does this is not a bug.

[nicolaspanel]

Thank you for the answer but the generated CSS should be :

.glass:before {
  content: "\f000"; // not ""
}

Seems to be a libsass bug then...

[xzyfer]

@nicolaspanel this is not a bug. It's on purpose. The value is being converted to the utf value and @charset "UTF-8"; is being added. This is what Ruby Sass does, so it's what LibSass must do.