perf(css): optimized css and reduced file size

Author: ritz078

Gruntfile.js

@@ -67,7 +67,14 @@ module.exports = function (grunt) {
 				destCss        : 'src/css/_emojis.scss',
 				retinaDest     : './assets/images/emojis@2x.png',
 				cssFormat      : 'css',
-				cssTemplate    : 'sprite.handlebars'
+				cssTemplate    : 'sprite.handlebars',
+				cssHandlebarsHelpers : {
+					escape : function(name){
+						var x = ['+', '-', '/', '*'];
+						if(x.indexOf(name[0]) !== -1) return '\\'+name;
+						return name;
+					}
+				}
 			}
 		},
 
@@ -173,7 +180,7 @@ module.exports = function (grunt) {
 		'string-replace': {
 			dist: {
 				files  : {
-					'.tmp/embed.css': 'src/embed.css',
+					'.tmp/embed.css': 'src/embed.css'
 				},
 				options: {
 					replacements: [{

dist/embed.min.css

@@ -21,7 +21,7 @@ $retine_sprite_height : {{retina_spritesheet.height}}px;
 }
 
 {{#items}}
-.emoticon-\\{{name}}{
+.emoticon-{{escape name}}{
     background-position: {{px.offset_x}} {{px.offset_y}};
 }
 {{/items}}