Scss - Incompatible character encodings

Hi,

I get an error when I save my .scss file with this code inside:

span:after {content: " »";}

The error message I get:

incompatible character encodings: utf-8 and ASCII-8BIT

I'm using the pro version 3.2.200.20308, and the encoding of my .scss is Unicode (UTF-8 with signature) - Codepage 65001.
I tried to compile my code with the ruby command line compiler and it work well.

Thanks.
Etienne.

Hi Etienne,

I can't reproduce this. I have pasted in your CSS fragment as it appears in your forum post, and checked that I am using the UTF-8 with signature / code page 65001 encoding. However it's possible that the character encoding from pasting in text from the forum is different from the one you got from entering it by hand. Can you post a minimal .scss file (with just the offending rule) so we can see if this is the issue? Thanks!

Hi Ivan,

After some tests it apear that if the .scss is set to be compile: everything is good, the file is compiled.

But if the .scss is imported in another .scss:
- Styles.scss: I get an error (incompatible character encodings: utf-8 and ASCII-8BIT)
- Test.scss: The file is compiled, but content:" »" become content:" »"

Thanks,
Etienne.

Thanks for the extra info. There will be a candidate fix in the next nightly build. I've got a slight reservation about possible side effects, so please do check outputs with care and let us know if we've introduced any regressions.

Thanks, it seem to be working now.
I'll let you know if I see a side effect.

I am still having this issue today. We import a _fonts.scss into another scss file and that creates an encoding error.

If I cmopile and link to the _fonts.css directly in my html, it works fint.

Are you able to send through a small repro project which triggers this and we can investigate this further for you.

Thanks!
Jeremy

I am having the same problem using the Symbolset icon set (https://symbolset.com/). You can see the SCSS input and CSS output here: https://gist.github.com/cchiles/2c2ae41e2e486cbbef3a

Chris

Can you elaborate on whats not working? Pasting in that scss produces the correct css output.

Jeremy

Near the bottom of the file, if you look at the content attribute of the selectors, you'll see a difference between the SCSS and CSS. For example,

.ss-volumelow:after{ content:'🔉'}

is converted to

.ss-volumelow:after { content: '🔉'; }

Chris

This is reproducible directly with Sass so if you think this is a bug you should raise this at https://github.com/sass/sass/issues

Jeremy

Ah thanks for your help. This must've changed recently. Adding the charset fixed the issue:

@charset "UTF-8";