Search code examples
csssassfile-watcher

SCSS file-watcher encoding issue

I have been using a SASS/SCSS file-watcher in my ide for quite a while now and for the past few days I have been having issues with the encoding. At the moment I work with another developer on a software and we're using a git system to handle the files. A few days ago I pulled an update from git and sice then there seems to be something wrong with the encoding from the scss to css files. For example: When the file-watcher compiles the font-awesome scss files to css it changes the output from:

.fa-angle-left:before {
    content: "\f104";
}

to:

.fa-angle-left:before {
    content: "";
}

I have tried to change the encoding of the files but it doesn't seem to do anything. Does anybody have an idea on how I can fix this issue? Thanks

Solution

  • Try changing the content of the class to something like this:

    .fa-angle-left:before {
    content: " #{'\f104'}";
}

    and try adding this to the top of your scss file:

    @charset "utf-8";

    Source: GitHub Issue