{"_id":"@curiousmedia/sass-sprites","_rev":"8-eb2604e0574a8a7221714e727f4fa215","name":"@curiousmedia/sass-sprites","dist-tags":{"latest":"1.1.2"},"versions":{"1.1.0":{"name":"@curiousmedia/sass-sprites","version":"1.1.0","author":{"name":"Jason Lavorante"},"license":"ISC","_id":"@curiousmedia/sass-sprites@1.1.0","maintainers":[{"name":"curiousjason","email":"support@curiousmedia.com"}],"homepage":"https://bitbucket.org/curiousmedia/sass-sprites#readme","dist":{"shasum":"adeaa7838b6cdfb5d377dfbe467099b65dec934a","tarball":"https://registry.npmjs.org/@curiousmedia/sass-sprites/-/sass-sprites-1.1.0.tgz","integrity":"sha512-N5aFmUMI/k9RSxSbM0Fj+KtS9trdte+Pxdwx2ehH+nUlEc4lh5aauSuTV7Jpw/lrh//pahLTX0U0mKId9ye4bw==","signatures":[{"sig":"MEUCIQDLiVhq6ceVydW4Dj9G/q/1JD26Xji8PCwoYvKLOgA7lwIgHP+CXxDX9Ds0+pC2dZoUzoGWRzaVeSRwQ61gQBRMWuo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"src/_spriteforge.scss","gitHead":"7b0dc9165346e70910625c70c6eac66b2ffea22e","scripts":{"demo":"node-sass demo/assets/styles.scss -o demo/assets/","test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"curiousjason","email":"support@curiousmedia.com"},"repository":{"url":"git+https://curiousjason@bitbucket.org/curiousmedia/sass-sprites.git","type":"git"},"_npmVersion":"5.4.2","description":"SASS mixins for retina, scalable sprite sheets.","directories":{},"_nodeVersion":"6.10.3","dependencies":{},"devDependencies":{"node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/sass-sprites-1.1.0.tgz_1508253468698_0.9649638230912387","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@curiousmedia/sass-sprites","version":"1.1.1","author":{"name":"Jason Lavorante"},"license":"MIT","_id":"@curiousmedia/sass-sprites@1.1.1","maintainers":[{"name":"cm-gregory","email":"gregory@curiousmedia.com"},{"name":"curiousjason","email":"support@curiousmedia.com"},{"name":"eaglstun","email":"postpostmodern@gmail.com"},{"name":"kyfoote","email":"kyfoote@gmail.com"}],"dist":{"shasum":"4675da4ea859ac9a8595a29f1ee0a29b80c11905","tarball":"https://registry.npmjs.org/@curiousmedia/sass-sprites/-/sass-sprites-1.1.1.tgz","fileCount":18,"integrity":"sha512-ZbaItPbs8FOfvof5wjjInGUSPV85wAMBppkba2wh9miIvVgXln/2A1dwkTdQquBEHggau2xEbeB5YVBRp5WK0Q==","signatures":[{"sig":"MEUCIGHxIUd7T3fvlYX21XfpfMrIFQTCDk3+A0w8BO3NEB+mAiEA8LNwGCFpBXTbaZZ1JykSWdPVv6mzAJhRfz6N7zfbOzg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":172801,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbKTpyCRA9TVsSAnZWagAA2SkQAKQKGYQMMAe+ZXIhmE3x\nkkPhtByQ74J0Zm/pNzQI2m9+RxZzs7v19JQft+GACq+Y8Rdp1A1Vxf81QAq7\nXg5+2zicuSWogI4iVYACLNs50AAH/nSZzj49Pn9DOvNcd53hZGbX19T0b56p\nZ6/Ycrdw5tW6bzCvFOmSaJfgDpVp0VGlH6Y2dj2mks9LRftBvY8sXGRM5zqT\nPtTxxIZAtRDSPWUDuYZHR0+7Ik9/u1DvKyJrwuLOMXH+ga2o1GVXufeflTSZ\n174MKxMKEX0xTopmovwnHFTjjZ69IrFKALw9HqBSxQ1MLsR/QhbUx2i+fsbb\nLxI5A3xZY4ieqH8qeYroB3Xu4VQgGdtp5FD+qGwe9ggR5+E45iZ4gUF1OJJw\nSy076+V//CCAYv0v9/z4CoAWmP/HhlpBEyofNTM/syubkVXldxHCH3vcM9II\ngCAtYeLf+I7yCMrAH3kGqu46Hpm3lZF7kWKLQO2VxbWaFfh4nQwNG20ZO17F\nWrbHYL6gCOdnrV6zmx6PaRnffktdQkbcBNKU8JUhIz78DkcTFGjVCGe+rLu7\n4Pt2aJDP9g/eJJwf2Y3w3RIOd/UHT9r9xsWd1TsLvYgnUD6OmzsGRW34VnWw\nqp5q1NaQ+rGpPbU/mCuGJOG/CpOR4yOoWOdy2qXtKy8gjfq5Zg+z0viEtXFK\nl7sW\r\n=7z8g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/_spriteforge.scss","gitHead":"78f580d9d4e9c32f7cda244fa01f9e345add3ccb","scripts":{"demo":"node-sass demo/assets/styles.scss -o demo/assets/","test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"curiousjason","email":"support@curiousmedia.com"},"repository":{"url":"https://willis.curiousmedia.com:7991/scm/web/sprite-forge.git","type":"git"},"_npmVersion":"5.6.0","description":"SASS mixins for retina, scalable sprite sheets.","directories":{},"_nodeVersion":"8.9.4","dependencies":{},"_hasShrinkwrap":true,"devDependencies":{"node-sass":"^4.5.3"},"_npmOperationalInternal":{"tmp":"tmp/sass-sprites_1.1.1_1529428593551_0.2695366229818963","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@curiousmedia/sass-sprites","version":"1.1.2","description":"SASS mixins for retina, scalable sprite sheets.","main":"src/_spriteforge.scss","scripts":{"demo":"node-sass demo/assets/styles.scss -o demo/assets/","test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Jason Lavorante"},"license":"MIT","devDependencies":{"node-sass":"^4.5.3"},"dependencies":{},"gitHead":"8934fa31a133f31d356866ab3bf26cbf0883869f","_id":"@curiousmedia/sass-sprites@1.1.2","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-e8t+tvTM6vHonhXA/bwdPB0P8KV/7GyoZkB4bW37k9ZeaxdLTFsqVH2asvi1Bezps4ikiWf4w1uWJXF7YyL07w==","shasum":"c7e8ead5fef095c59e2ddafeaec3b57c6a280a54","tarball":"https://registry.npmjs.org/@curiousmedia/sass-sprites/-/sass-sprites-1.1.2.tgz","fileCount":18,"unpackedSize":172684,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEggUv9jo0ZekB04Bj9RVG6kvxNd8TLFwsMOCFrApbNsAiEAv5+HBG9K6O2fj0n8g80eNOVRlJuBhLd/XGZPMFKrgR8="}]},"_npmUser":{"name":"curiousjason","email":"support@curiousmedia.com"},"directories":{},"maintainers":[{"name":"cm-gregory","email":"gregory@curiousmedia.com"},{"name":"kyfoote","email":"kyfoote@gmail.com"},{"name":"curiousjason","email":"support@curiousmedia.com"},{"name":"eaglstun","email":"postpostmodern@gmail.com"},{"name":"ishoa","email":"shane@curiousmedia.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/sass-sprites_1.1.2_1774558684260_0.5706887310119613"},"_hasShrinkwrap":true}},"time":{"created":"2017-10-17T15:17:48.829Z","modified":"2026-03-26T20:58:04.836Z","1.1.0":"2017-10-17T15:17:48.829Z","1.1.1":"2018-06-19T17:16:33.654Z","1.1.2":"2026-03-26T20:58:04.404Z"},"author":{"name":"Jason Lavorante"},"license":"MIT","description":"SASS mixins for retina, scalable sprite sheets.","maintainers":[{"name":"cm-gregory","email":"gregory@curiousmedia.com"},{"name":"kyfoote","email":"kyfoote@gmail.com"},{"name":"curiousjason","email":"support@curiousmedia.com"},{"name":"eaglstun","email":"postpostmodern@gmail.com"},{"name":"ishoa","email":"shane@curiousmedia.com"}],"readme":"# Sprite Forge #\nSASS mixins for retina, scalable sprite sheets.\n\n## Example ##\n```SCSS\n@import 'sass-numbers';\n@import 'sprite-forge';\n\n.sprite {\n    @include sf-sprite(\n        (\n            $x, //X coordinate of sprite\n            $y, //Y coordinate of sprite\n            $width, //Width of sprite\n            $height, //Height of sprite\n            $total-width, //Width of sprite sheet\n            $total-height, //Height of sprite sheet\n            $image //Image path\n        ),\n        $unit //Can be 'px' (default) or 'em'. Determines units for x, y, width, height, background-size, and background-offset.\n        $scale //0.5 (default) will scale sprites by 50%. 1 will display sprites at original size.\n    )\n}\n```\n\n## Grunt-Spritesmith Example ##\nThis mixin can work with any sprite sheet generator that can generate SASS map variables.\n\nThis library comes with a pre-configured template for [Grunt Spritesheet.](https://github.com/Ensighten/grunt-spritesmith) Check out `/demo` for a fully functioning Sprite Forge and Grunt-spritesmith integration.\n\n### Grunt config ###\n```js\n'sprite': {\n    'example': {\n        'src': 'images/*.png', //Path to images\n        'dest': 'example-sprites.png', //Destination of compiled sprite\n        'destCss': '_example-sprites.scss', //Destination of compiled SASS document\n        'cssFormat': 'scss',\n        'algorithm': 'top-down', //Top-down yields the most consistent results, however, other algorithms will work\n        'cssTemplate': 'sprites.handlebars', //Reference to handlebars template in src folder\n        'padding': 4, //Padding to yield consistent results\n        'cssVarMap': function (sprite) {\n            sprite.spriteName = 'example-sprites'; //Prefix for sprite sheet variables\n        }\n    }\n}\n```\nThis will output a compiled sprite image (`example-sprites.png`) and SCSS document (`_example-sprites.scss`) based off custom handlebars template (`src/grunt-spritesmith/sprites.handlebars`). The compiled SCSS document contains map variables (name format: `sprite.spriteName` + `-` + `filename`) with data about each sprite. Each sprite map variable can be passed into `sf-sprite` to generate the CSS sprite.\n\n### SASS ###\n```SCSS\n@import 'sass-numbers';\n@import 'sprite-forge';\n@import 'example-sprites';\n\n.example {\n    @include sf-sprite($example-sprites-sprite-name);\n}\n```\n\n## Dependencies ##\n[sass-numbers](https://www.npmjs.com/package/@curiousmedia/sass-numbers)","readmeFilename":"readme.md"}