scss compiler doesn't handle fontawesome properly

I'm having a problem where when i run scss compiler it changes 
fa-facebook-f:before {
content: "\f39e"; } to 
.fa-facebook:before {
content: "";
}
 it does this for ALL content entries. Anyone know whats going on?

afaik everything is set for utf-8

UPDATE:  I just downloaded and installed koala and it did it properly..

12 comments
Comment actions Permalink

What SCSS compiler do you use? Ruby, Dart, or?

0
Comment actions Permalink

first one was ruby.  Now its dart?....C:\neard\bin\nodejs\nodejs11.4.0\sass.cmd 

0
Comment actions Permalink

>first one was ruby. Now its dart?

Dart Sass is currently a primary Sass implementation (https://github.com/sass/dart-sass/releases/tag/1.16.1), Ruby Sass is deprecated (https://sass-lang.com/ruby-sass).

Your issue is specific to Ruby SASS (see https://stackoverflow.com/questions/25488037/sass-compile-fontawesome-preserve-notation, https://github.com/sass/sass/issues/1395)

1
Comment actions Permalink

you have a better way of doing it?

0
Comment actions Permalink

sorry, better than what? You need installing a different SASS compiler that is free of this issue

1
Comment actions Permalink

That was exactly my question elena.  What are you recommending?
I did figure out how to get node-sass working but as to it's abilities/quality I've no clue.

arguments: -o --source-map $FileParentDir$\framework $FileParentDir$\scss\embryo-master.scss $FileParentDir$\framework\template.css
output: $FileParentDir$\framework\template.css $FileParentDir$\framework\template.css.map

0
Comment actions Permalink

node-sass is a good choice - it's a javascript implementation of LibSass that is provided by the core SASS team. You can also try JavaScript implementation of Dart SASS that can be installed via npm install -g sass  - see https://sass-lang.com/install

2
Comment actions Permalink

pretty sure thats how I installed the version of dart that didn't work.

0
Comment actions Permalink

Elena, when I reinstall it it said... 
"C:\neard>npm install -g sass
C:\neard\bin\nodejs\nodejs11.4.0\sass -> C:\neard\bin\nodejs\nodejs11.4.0\node_modules\sass\sass.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\sass\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"})"

Does the fsevents matter?

0
Comment actions Permalink

it doesn't, you can safely ignore this warning

0
Comment actions Permalink

ok, well, just as another test, I removed and reinstalled the npm -g sass and tested and it did the same thing ( unicode ) but the nmp-sass doesn't it creates utf-8

0
Comment actions Permalink

Well, Dart Sass must suffer from the same problem then (despite the statement in https://github.com/sass/sass/issues/1395#issuecomment-379104855). Just use node-sass

0

Please sign in to leave a comment.