updated to 1.0.6, adding spritesheet and related files

joypixels · Sep 10, 2014 · 2036943 · 2036943
1 parent 90a4b2c
commit 2036943
Show file tree

Hide file tree

Showing 9 changed files with 2,608 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -4,3 +4,4 @@
 node_modules/
 /node_modules/
 node_modules
+.sass-cache
diff --git a/.npmignore b/.npmignore
@@ -3,4 +3,6 @@ lib/php
 composer.json
 .gitignore
 emojis.json
-.idea
+.idea
+node_modules
+.sass-cache
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,41 @@
+module.exports = function (grunt) {
+
+  grunt.initConfig({
+
+
+
+    pkg: grunt.file.readJSON('package.json'),
+
+    sass: {                              // Task
+      dist: {                            // Target
+        options: {                       // Target options
+          style: 'compressed'
+        },
+        files: {                         // Dictionary of files
+          'assets/sprites/emojione.sprites.css': 'assets/sprites/emojione.sprites.scss'
+        }
+      }
+    },
+
+    //Sprite Creator, run 'grunt sprite':
+    sprite:{
+      all: {
+        src: 'assets/png/*.png',
+        destImg: 'assets/sprites/emojione.sprites.png',
+        destCSS: 'assets/sprites/emojione.sprites.scss',
+        'cssTemplate': 'assets/sprites/emojione.sprites.mustache',
+        'algorithm': 'binary-tree',
+        'cssVarMap': function (sprite) {
+          sprite.name = 'emojione-' + sprite.name;
+        }
+      }
+    }
+
+  });
+
+  // Load in `grunt-spritesmith`
+  grunt.loadNpmTasks('grunt-spritesmith');
+  grunt.loadNpmTasks('grunt-contrib-sass');
+
+  grunt.registerTask('default', ['sprite', 'sass']);
+}
diff --git a/README.md b/README.md
@@ -39,10 +39,10 @@ Include the Javascript library
 ```html
 <head>
 	<!-- include via jsDelivr (or download and host locally if you prefer) -->
-    <script src="//cdn.jsdelivr.net/emojione/1.0.5/lib/js/emojione.min.js" type="text/javascript"></script>
+    <script src="//cdn.jsdelivr.net/emojione/1.0.6/lib/js/emojione.min.js" type="text/javascript"></script>
 
     <!-- basic rules for styling the emoji images -->
-    <link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/1.0.5/assets/css/emojione.min.css" type="text/css" media="all" />
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/emojione/1.0.6/assets/css/emojione.min.css" type="text/css" media="all" />
 
      <script type="text/javascript">
        // #################################################

diff --git a/assets/sprites/emojione.sprites.css b/assets/sprites/emojione.sprites.css
diff --git a/assets/sprites/emojione.sprites.mustache b/assets/sprites/emojione.sprites.mustache
@@ -0,0 +1,19 @@
+{
+  // Default options
+  'functions': true
+}
+
+[class*=emojione-] {
+  image-rendering: optimizeQuality;
+  width: 1.3em;
+  height: 1.3em;
+  background-image: url('emojione.sprites.png');
+  background-size: 3000%;
+  background-repeat: no-repeat;
+}
+
+{{#items}}
+.{{name}} {
+  background-position: (({{px.x}} * 100 / ({{px.total_width}} * (29/30))))#{"%"} (({{px.y}} * 100 / ({{px.total_height}} * (28/29))))#{"%"};
+}
+{{/items}}
diff --git a/assets/sprites/emojione.sprites.png b/assets/sprites/emojione.sprites.png