Creating a static project with yeoman -webapp
I've implemented a UTF checkmark in my .scss files:
[type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: 3px; left: 0px;
font-size: 22px;
color:$color-primary;
transition: all .2s;
}
However, after compilation to .css, the content appears garbled:
@charset "UTF-8";
div.checkbox [type="checkbox"]:checked + label:after {
content: 'Ô£ö';
position: absolute;
top: 3px;
left: 0px;
font-size: 22px;
color: #76C001;
transition: all .2s; }
Check out my Gruntfile.js gist for more info.
If anyone can shed some light on why this is happening and how to fix it, I would greatly appreciate it. Thank you.