CODEWITHSUNDEEP
javascriptcssgruntjsgrunt-contrib-concat
lkiernan
lkiernan

Reputation: 49

grunt build css encoding

Static project using yeoman -webapp

I have a UTF checkmark within my .scss files:

[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 0px;
  font-size: 22px;
  color:$color-primary;
  transition: all .2s;
}

In my compiled .css, the content has been butchered:

@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; }

Gruntfile.js gist

Would love if someone could enlighten me on the why's and/or fixes. Please.

Upvotes: 1

Views: 254

Answers (2)

lharby
lharby

Reputation: 3265

How is this?

http://jsfiddle.net/lharby/h3ky89wa/

p:before {
   content: '\2714';
}

Upvotes: 2

Johannes Reuter
Johannes Reuter

Reputation: 3547

I didn't try it, but try the utf8-character in hex-notation:

\u2714

Upvotes: 1

Related Questions