Language agnostic sprite generator for brunch
Sprite Generator for brunch.
npm install --save sprite-brunch
If using Less, SASS, etc., sprite-brunch should be ordered before their brunch compilers in package.json so that sprite styles compile before other styles.
sprites:path: 'app/assets/images/sprites' // Path to your sprites folderdestCSS: 'app/css/sprites.css' // Destination sass/less/stylus filesdestSprites: 'app/assets' // Destination of generated sprite filescssFormat: 'css' // less, sass, scss, stylusalgorithm: 'top-down' // algorithm: top-down, left-right, diagonal (\ format), alt-diagonalengine: 'pixelsmith' // pixelsmith, canvassmith, gmsmithimgOpts:format: 'auto' // auto, jpg, png (If auto is used and there is png and jpg in a folder the sprite will be jpg)quality: 90 // Quality of the output image
It expects the following folder structure and uses the folder name as first value and the filename as the second
For CSS languages/preprocessors, the plugin only generates the variables and the mixins. The mixins have to be called from another stylesheet to be included in your project.
If you want to use git version of plugin, add