{"_id":"coffee-sprites","_rev":"79-cefcaad91b09e19980d605032226f3b2","name":"coffee-sprites","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.1":{"name":"coffee-sprites","version":"0.0.1","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"mocha --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"~1.4.0","coffee-stylesheets":"0.0.1"},"dependencies":{"node-gd":"~0.1.8","async2":"~0.1.0","glob":"~3.1.14"},"readme":"# Coffee Sprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Install\n\n```bash\nsudo apt-get install libgd2-xpm-dev # on ubuntu; a libgd dependency\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path: __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  'assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n\nTODO\n----\n * sprites that repeat-x and repeat-y are left to be implemented (coming soon!)\n * add validation to ensure no function can be called with invalid input to avoid semi-cryptic errors\n * could probably simplify by calculating x, y, width, height using gd directly and once during render() rather than as-we-go\n","_id":"coffee-sprites@0.0.1","dist":{"shasum":"457261e9fb88fe84997f4e43b2098aaa1a359c41","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.1.tgz","integrity":"sha512-llPtjQwzLN2vZrTDMFDhef0Bb+UZ2PgPnsefRvq71YMRjd5aoEetdNLWl3GqX8o1+nog3g2unjz3x4008TGCQg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDE9LdD0D1TIdUmsp6AYuXFMpRVIDoQiWf2sfG54EDt2QIhAO+7FVUOJdw0ZFbZZMkzK4WrGX3AU0IWmPxT81ss4rZL"}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.2":{"name":"coffee-sprites","version":"0.0.2","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"mocha --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"~1.4.0","coffee-stylesheets":">=0.0.1"},"dependencies":{"node-gd":">=0.1.8","async2":">=0.0.1","glob":">=3.1.14"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Install\n\n```bash\nsudo apt-get install libgd2-xpm-dev # on ubuntu; a libgd dependency\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n\nTODO\n----\n * sprites that repeat-x and repeat-y are left to be implemented (coming soon!)\n * add validation to ensure no function can be called with invalid input to avoid semi-cryptic errors\n * could probably simplify by calculating x, y, width, height using gd directly and once during render() rather than as-we-go\n","_id":"coffee-sprites@0.0.2","dist":{"shasum":"229229e25c95b5e9bda99cf177d90a70301a9c25","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.2.tgz","integrity":"sha512-ggko+x4GvMImHMdF8p3mwW/WnrAY3JB44RVPonNas1hs1AQWha1FLCiC4Orx4Y//B4nJEJ8XSDB7+g1i1xorQw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjze06ZSnIYRLW18Fkc9OphgPcEUXh7HUxwVCWbkFh4AIgKfX0EBr2OsTWg+33Ul+O4ZLoURAhwuaCQeJ6nQNCbDU="}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.3":{"name":"coffee-sprites","version":"0.0.3","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"node test/test.js"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"~1.4.0","coffee-stylesheets":">=0.0.1"},"dependencies":{"async2":">=0.0.1","glob":">=3.1.14","node-gd":"~0.2.0"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Installation on Debian/Ubuntu\n\n```bash\nsudo apt-get install libgd2-xpm-dev # libgd; the node-gd dependency\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n\nTODO\n----\n * sprites that repeat-x and repeat-y are left to be implemented (coming soon!)\n * add validation to ensure no function can be called with invalid input to avoid semi-cryptic errors\n * could probably simplify by calculating x, y, width, height using gd directly and once during render() rather than as-we-go\n","_id":"coffee-sprites@0.0.3","dist":{"shasum":"3122a2ec2e1eaaa43fa37056aa15b7eff3864ff0","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.3.tgz","integrity":"sha512-qE6Yy6EUybirhsBZbjKrm0C7aGERbZhCpJU2JuXzihS6xlc6sRoaHZkAYYSaj3E5o5TE63VFu6YRGj+kb+sSSw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB3ZCZFQszvWoHgoyfI3zZaFpJ/Zew+pBL4EFTGbQFhJAiAQcgWSDjx30utr+xHmjMQVI7bdpLOT6XZTPvXDzVUaCA=="}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.4":{"name":"coffee-sprites","version":"0.0.4","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"mocha --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"~1.4.0","coffee-stylesheets":">=0.0.1"},"dependencies":{"node-gd":">=0.2.1","async2":">=0.0.1","glob":">=3.1.14"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Installation on Debian/Ubuntu\n\n```bash\nsudo apt-get install libgd2-xpm-dev # libgd; the node-gd dependency\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n\nTODO\n----\n * sprites that repeat-x and repeat-y are left to be implemented (coming soon!)\n * add validation to ensure no function can be called with invalid input to avoid semi-cryptic errors\n * could probably simplify by calculating x, y, width, height using gd directly and once during render() rather than as-we-go\n","_id":"coffee-sprites@0.0.4","dist":{"shasum":"49261a2461f3ce499c763e976e79fd2d79c57e1a","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.4.tgz","integrity":"sha512-7UbJhH8OjSUiLEAY0sbpxrZ9r+uFnofahRym4xhXt/P8NtyKwr3zRFRnegpcD6QyxARtyUmxjnC7AjzLSSKWlg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHwhFLBprWOCJjHjRBXddX8JQUjBfQzSq3JanO337rMmAiEAxpmAbOMKGpuP9NbGeXaiuj0zoZw0xQpsRi+QfUP6KkE="}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.5":{"name":"coffee-sprites","version":"0.0.5","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"mocha --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"*","coffee-stylesheets":"https://github.com/mikesmullin/coffee-stylesheets/tarball/stable"},"dependencies":{"node-gd":"https://github.com/mikesmullin/node-gd/tarball/stable","async2":"https://github.com/mikesmullin/async2/tarball/stable","glob":"*"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Installation on Debian/Ubuntu\n\n```bash\nsudo apt-get install libgd2-xpm-dev # libgd; the node-gd dependency\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n\nTODO\n----\n * sprites that repeat-x and repeat-y are left to be implemented (coming soon!)\n * add validation to ensure no function can be called with invalid input to avoid semi-cryptic errors\n * could probably simplify by calculating x, y, width, height using gd directly and once during render() rather than as-we-go\n","_id":"coffee-sprites@0.0.5","dist":{"shasum":"019a3ed9d606a8e575aed670e15077cc5228df7b","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.5.tgz","integrity":"sha512-u+T5Vf5apAW25wrucUHOh1Dd5sTXh3Odfw1/YuQQ/fpgmqTvhat+7UBaVB7GHvnKbR4QJO6laORonFq7RlSfqg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClZTaG5tUfluhbyL9SzBfXzqSs3x2+8gWhH3IizTRPLQIhAIXbjMmWRbaoAsT3+CAw3E7QfhfeJ8CVvgcDsFx+Gdrk"}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.6":{"name":"coffee-sprites","version":"0.0.6","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"rm -rf test/fixtures/static/public/assets/* && mocha --timeout 100000 --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"*","coffee-stylesheets":"https://github.com/mikesmullin/coffee-stylesheets/tarball/stable"},"dependencies":{"node-gd":"https://github.com/mikesmullin/node-gd/tarball/stable","async2":"https://github.com/mikesmullin/async2/tarball/stable","glob":"*"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Installation on Debian/Ubuntu\n\n```bash\nsudo apt-get install libgd2-xpm-dev # libgd; the node-gd dependency\nsudo apt-get install pngcrush # optional; helps compress PNG\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n","_id":"coffee-sprites@0.0.6","dist":{"shasum":"054aaee552ec0c6bdcd5dbffb2ad38c1a01493b4","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.6.tgz","integrity":"sha512-noOuq9WOhTB698tRvuJdiSPeF5lRQoYer4j3GTmRI6z0TRUqBNE94igS3+0oCoG3WxRwzolaoaCmOADh06BLxg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDvboJ8s+HNM7y9EmKymapYIMzvWsFhqp+JOcNhDKK/NgIhAJkWqExmFJEPSOwOHVKuc7yFvDpQQiaz2wOYsJpTUzc2"}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.7":{"name":"coffee-sprites","version":"0.0.7","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"rm -rf test/fixtures/static/public/assets/* && mocha --timeout 100000 --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"*","coffee-stylesheets":"https://github.com/mikesmullin/coffee-stylesheets/tarball/stable"},"dependencies":{"node-gd":"https://github.com/mikesmullin/node-gd/tarball/stable","async2":"https://github.com/mikesmullin/async2/tarball/stable","glob":"*"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Installation on Debian/Ubuntu\n\n```bash\nsudo apt-get install libgd2-xpm-dev # libgd; the node-gd dependency\nsudo apt-get install pngcrush # optional; helps compress PNG\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nand CoffeeSprites will produce output like this:\n\n* [./test/fixtures/static/public/assets/*.png](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/static/public/assets/)\n\nFor the latest and most comprehensive examples of input, see [./test/fixtures/precompile/assets/](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/precompile/assets/).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n","_id":"coffee-sprites@0.0.7","dist":{"shasum":"67aa7d2ec87c765bed4b5164a06b2818ddbecb0f","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.7.tgz","integrity":"sha512-lfbDBC5Lwbgvk5Ra8+Udhx/1zRpVjrs/rWbeVzRH8tbA1n7JjgY/cSVWFVF05tVh6WCbpHAJfEBIkNMcmc3YEA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD2xkV/Pd9OLnxUrLEAl/xyS87NwEd1n1ynmDk6eyQXpwIhAKv4PZNYsTDGQbi3s09DaG9eQBdYVygm++R9lIGjCnAq"}]},"_npmVersion":"1.1.66","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]},"0.0.8":{"name":"coffee-sprites","version":"0.0.8","description":"CoffeeScript/JavaScript stylesheet-based sprite image engine.","main":"js/coffee-sprites.js","directories":{"test":"test"},"scripts":{"pretest":"coffee --bare -o js coffee/coffee-sprites.coffee","test":"rm -rf test/fixtures/static/public/assets/* && mocha --timeout 100000 --reporter spec --bail --ui bdd --colors --compilers coffee:coffee-script --require coffee-script test/test.coffee"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"},"keywords":["coffee","css","stylesheet","stylesheets","image","sprite","sprites","spriting","plugin","fast","engine"],"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"license":"MIT","readmeFilename":"README.md","devDependencies":{"chai":"*","coffee-stylesheets":"*"},"dependencies":{"node-gd":"*","async2":"*","glob":"*"},"readme":"# CoffeeSprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Installation on Debian/Ubuntu\n\n```bash\nsudo apt-get install libgd2-xpm-dev # libgd; the node-gd dependency\nsudo apt-get install pngcrush # optional; helps compress PNG\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path:  __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  '/assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nand CoffeeSprites will produce output like this:\n\n* [./test/fixtures/static/public/assets/*.png](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/static/public/assets/)\n\nFor the latest and most comprehensive examples of input, see [./test/fixtures/precompile/assets/](https://github.com/mikesmullin/coffee-sprites/blob/stable/test/fixtures/precompile/assets/).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n","_id":"coffee-sprites@0.0.8","dist":{"shasum":"b1952e31bf707c07071022d04da77f2a72132599","tarball":"https://registry.npmjs.org/coffee-sprites/-/coffee-sprites-0.0.8.tgz","integrity":"sha512-JwhpZfyySxIMBZz+PCu3mT4ux9PvVatJKhyiVKz8DzBcA0vWVMI0Jm5WK5hwxCNNUGBJTDpG1iIOKf6lydj3rw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICOFR6koenGZjwIG87sBnHTZnKNpahAniiPMucYq1DrzAiEAwQqmkF6MnNQrIzEp6alW7VpRhTbE+z69GgnindXLHls="}]},"_npmVersion":"1.1.69","_npmUser":{"name":"mikesmullin","email":"mike@smullindesign.com"},"maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}]}},"readme":"# Coffee Sprites\n\n**CoffeeSprites** is a plugin for Node.js [CoffeeStylesheets](https://github.com/mikesmullin/coffee-stylesheets)\nwhich allows you to use functions like `sprite_position()`, `sprite_height()`, `image_width()`, `sprite_map()`, etc.\nwithin your `*.css.coffee` markup to automatically fetch images and generate css sprites at render time.\n\nIf you come from the Ruby on Rails community, you will immediately recognize conventions from Spriting\nwith [Compass](http://compass-style.org/help/tutorials/spriting/)/SASS, originally [Lemonade](http://www.hagenburger.net/BLOG/Lemonade-CSS-Sprites-for-Sass-Compass.html).\n\n## Install\n\n```bash\nsudo apt-get install libgd2-xpm-dev # on ubuntu; a libgd dependency\nnpm install coffee-sprites\n```\n\n## Use\n\n```coffeescript\nCoffeeStylesheets = require 'coffee-stylesheets'\nengine = new CoffeeStylesheets format: true\n\nCoffeeSprites = require __dirname + 'coffee-sprites'\nengine.use new CoffeeSprites\n  image_path: __dirname + '/precompile/assets/sprites/'\n  sprite_path: __dirname + '/static/public/assets/'\n  sprite_url:  'assets/'\n\n  stylesheet = ->\n    body ->\n      background '#eee'\n      color '#333'\n      margin '20px'\n    wigi = sprite_map 'wigi',\n      spacing: 10\n    s '#wigi', ->\n      background \"url(#{sprite_url wigi}) no-repeat\"\n      height sprite_height wigi, 'fly-3'\n      width sprite_width wigi, 'fly-3'\n    for i, v of 'walk-1 walk-2 walk-3 run-1 run-2 run-3 fly-1 fly-2 fly-3 fall jump'.split ' '\n      s '#wigi.wigi-'+i, ->\n        background_position sprite_position wigi, v\n\ncss = engine.render stylesheet, (err, css) ->\n  fs.writeFileSync __dirname + '/static/public/assets/application.css', css\n```\n\nWill output CSS like this:\n\n```css\n#wigi {\n  background: url(./wigi-2e192be7fd.png) no-repeat;\n  height: 112px;\n  width: 96px;\n}\n#wigi.wigi-0 {\n  background-position: 0 -122px;\n}\n#wigi.wigi-1 {\n  background-position: 0 -244px;\n}\n#wigi.wigi-2 {\n  background-position: 0 -366px;\n}\n#wigi.wigi-3 {\n  background-position: 0 -484px;\n}\n#wigi.wigi-4 {\n  background-position: 0 -606px;\n}\n#wigi.wigi-5 {\n  background-position: 0 -728px;\n}\n#wigi.wigi-6 {\n  background-position: 0 -850px;\n}\n#wigi.wigi-7 {\n  background-position: 0 -968px;\n}\n#wigi.wigi-8 {\n  background-position: 0 0;\n}\n#wigi.wigi-9 {\n  background-position: 0 -1086px;\n}\n#wigi.wigi-10 {\n  background-position: 0 -1208px;\n}\n```\n\nAnd the sprite image(s) will turn out like this:\n\n * [test/fixtures/static/public/assets/wigi-2e192be7fd.png](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/static/public/assets/wigi-2e192be7fd.png)\n\nFor the very latest and most comprehensive example, see [test/fixtures/precompile/assets/stylesheets/application.css.coffee](https://github.com/mikesmullin/coffee-sprites/blob/production/test/fixtures/precompile/assets/stylesheets/application.css.coffee).\n\n## Test\n\n```bash\nnpm test # build coffee, run mocha unit test, run chrome browser integration test\n```\n\nTODO\n----\n * sprites that repeat-x and repeat-y are left to be implemented (coming soon!)\n * add validation to ensure no function can be called with invalid input to avoid semi-cryptic errors\n * could probably simplify by calculating x, y, width, height using gd directly and once during render() rather than as-we-go\n","maintainers":[{"name":"mikesmullin","email":"mike@smullindesign.com"}],"time":{"modified":"2022-06-13T06:27:55.690Z","created":"2012-12-22T20:17:37.475Z","0.0.1":"2012-12-22T20:17:38.108Z","0.0.2":"2012-12-25T04:38:14.428Z","0.0.3":"2012-12-29T05:00:48.204Z","0.0.4":"2012-12-29T20:08:39.845Z","0.0.5":"2013-01-02T23:53:34.120Z","0.0.6":"2013-01-05T08:22:15.072Z","0.0.7":"2013-01-06T22:19:24.386Z","0.0.8":"2013-01-10T03:09:53.447Z"},"author":{"name":"Mike Smullin","email":"mike@smullindesign.com"},"repository":{"type":"git","url":"git://github.com/mikesmullin/coffee-sprites.git"}}