├── .babelrc ├── .editorconfig ├── .gitignore ├── .npmignore ├── .travis.yml ├── CHANGELOG.md ├── LICENSE ├── README.md ├── examples ├── filter-by.md ├── group-by.md ├── output-dimensions.md ├── relative-to-rule.md ├── responsive-spritesheets.md ├── skip-prefix.md └── webpack-hot-load.md ├── package.json ├── src ├── core.js ├── factories │ ├── raster.js │ └── vector.js └── index.js ├── test ├── 02-utilities.js ├── 03-extract-images.js ├── 04-apply-filter-by.js ├── 05-apply-group-by.js ├── 06-set-tokens.js ├── 07-run-spritesmith.js ├── 08-save-spritesheets.js ├── 09-map-spritesheet-props.js ├── 10-update-references.js ├── 11-e2e.js ├── 12-examples.js ├── expectations │ ├── absolute │ │ └── style.css │ ├── basic-on-update-rule-hook │ │ └── style.css │ ├── basic │ │ └── style.css │ ├── color │ │ └── style.css │ ├── example-filter-by │ │ └── style.css │ ├── example-group-by │ │ └── style.css │ ├── example-output-dimensions │ │ └── style.css │ ├── example-responsive-spritesheets │ │ └── style.css │ ├── example-skip-prefix │ │ └── style.css │ ├── filter-by │ │ └── style.css │ ├── group-by │ │ └── style.css │ ├── hooks │ │ └── style.css │ ├── relative │ │ └── style.css │ ├── retina │ │ └── style.css │ └── svg-basic │ │ └── style.css └── fixtures │ ├── absolute │ ├── css │ │ └── style.css │ └── images │ │ ├── circle.png │ │ └── square.png │ ├── basic │ ├── circle.png │ ├── square.png │ └── style.css │ ├── color │ ├── circle.png │ ├── square.png │ └── style.css │ ├── error │ ├── a.tif │ └── style.css │ ├── example-filter-by │ ├── a.jpg │ ├── b.jpg │ ├── circle.png │ ├── square.png │ └── style.css │ ├── example-group-by │ ├── shapes │ │ ├── circle.png │ │ └── square.png │ └── style.css │ ├── example-output-dimensions │ ├── circle.png │ ├── square.png │ └── style.css │ ├── example-responsive-spritesheets │ ├── circle.png │ ├── square.png │ └── style.css │ ├── example-skip-prefix │ ├── circle.png │ ├── square.png │ └── style.css │ ├── filter-by │ ├── circle.png │ ├── square.png │ └── style.css │ ├── group-by │ ├── circle.png │ ├── square.png │ └── style.css │ ├── hooks │ ├── circle.png │ ├── square.png │ └── style.css │ ├── relative │ ├── images │ │ ├── circle.png │ │ └── square.png │ └── style.css │ ├── retina │ ├── circle.png │ ├── circle@2x.png │ ├── square.png │ ├── square@2x.png │ └── style.css │ └── svg-basic │ ├── circle.svg │ ├── square.svg │ └── style.css └── typings.d.ts /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/.babelrc -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | test/build/ 4 | lib/ 5 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/.npmignore -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/.travis.yml -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/README.md -------------------------------------------------------------------------------- /examples/filter-by.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/filter-by.md -------------------------------------------------------------------------------- /examples/group-by.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/group-by.md -------------------------------------------------------------------------------- /examples/output-dimensions.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/output-dimensions.md -------------------------------------------------------------------------------- /examples/relative-to-rule.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/relative-to-rule.md -------------------------------------------------------------------------------- /examples/responsive-spritesheets.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/responsive-spritesheets.md -------------------------------------------------------------------------------- /examples/skip-prefix.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/skip-prefix.md -------------------------------------------------------------------------------- /examples/webpack-hot-load.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/examples/webpack-hot-load.md -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/package.json -------------------------------------------------------------------------------- /src/core.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/src/core.js -------------------------------------------------------------------------------- /src/factories/raster.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/src/factories/raster.js -------------------------------------------------------------------------------- /src/factories/vector.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/src/factories/vector.js -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/src/index.js -------------------------------------------------------------------------------- /test/02-utilities.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/02-utilities.js -------------------------------------------------------------------------------- /test/03-extract-images.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/03-extract-images.js -------------------------------------------------------------------------------- /test/04-apply-filter-by.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/04-apply-filter-by.js -------------------------------------------------------------------------------- /test/05-apply-group-by.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/05-apply-group-by.js -------------------------------------------------------------------------------- /test/06-set-tokens.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/06-set-tokens.js -------------------------------------------------------------------------------- /test/07-run-spritesmith.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/07-run-spritesmith.js -------------------------------------------------------------------------------- /test/08-save-spritesheets.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/08-save-spritesheets.js -------------------------------------------------------------------------------- /test/09-map-spritesheet-props.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/09-map-spritesheet-props.js -------------------------------------------------------------------------------- /test/10-update-references.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/10-update-references.js -------------------------------------------------------------------------------- /test/11-e2e.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/11-e2e.js -------------------------------------------------------------------------------- /test/12-examples.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/12-examples.js -------------------------------------------------------------------------------- /test/expectations/absolute/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/absolute/style.css -------------------------------------------------------------------------------- /test/expectations/basic-on-update-rule-hook/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/basic-on-update-rule-hook/style.css -------------------------------------------------------------------------------- /test/expectations/basic/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/basic/style.css -------------------------------------------------------------------------------- /test/expectations/color/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/color/style.css -------------------------------------------------------------------------------- /test/expectations/example-filter-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/example-filter-by/style.css -------------------------------------------------------------------------------- /test/expectations/example-group-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/example-group-by/style.css -------------------------------------------------------------------------------- /test/expectations/example-output-dimensions/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/example-output-dimensions/style.css -------------------------------------------------------------------------------- /test/expectations/example-responsive-spritesheets/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/example-responsive-spritesheets/style.css -------------------------------------------------------------------------------- /test/expectations/example-skip-prefix/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/example-skip-prefix/style.css -------------------------------------------------------------------------------- /test/expectations/filter-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/filter-by/style.css -------------------------------------------------------------------------------- /test/expectations/group-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/group-by/style.css -------------------------------------------------------------------------------- /test/expectations/hooks/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/hooks/style.css -------------------------------------------------------------------------------- /test/expectations/relative/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/relative/style.css -------------------------------------------------------------------------------- /test/expectations/retina/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/retina/style.css -------------------------------------------------------------------------------- /test/expectations/svg-basic/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/expectations/svg-basic/style.css -------------------------------------------------------------------------------- /test/fixtures/absolute/css/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/absolute/css/style.css -------------------------------------------------------------------------------- /test/fixtures/absolute/images/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/absolute/images/circle.png -------------------------------------------------------------------------------- /test/fixtures/absolute/images/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/absolute/images/square.png -------------------------------------------------------------------------------- /test/fixtures/basic/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/basic/circle.png -------------------------------------------------------------------------------- /test/fixtures/basic/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/basic/square.png -------------------------------------------------------------------------------- /test/fixtures/basic/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/basic/style.css -------------------------------------------------------------------------------- /test/fixtures/color/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/color/circle.png -------------------------------------------------------------------------------- /test/fixtures/color/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/color/square.png -------------------------------------------------------------------------------- /test/fixtures/color/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/color/style.css -------------------------------------------------------------------------------- /test/fixtures/error/a.tif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/error/a.tif -------------------------------------------------------------------------------- /test/fixtures/error/style.css: -------------------------------------------------------------------------------- 1 | .selector-err { background-image: url(a.tif); } 2 | -------------------------------------------------------------------------------- /test/fixtures/example-filter-by/a.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-filter-by/a.jpg -------------------------------------------------------------------------------- /test/fixtures/example-filter-by/b.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-filter-by/b.jpg -------------------------------------------------------------------------------- /test/fixtures/example-filter-by/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-filter-by/circle.png -------------------------------------------------------------------------------- /test/fixtures/example-filter-by/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-filter-by/square.png -------------------------------------------------------------------------------- /test/fixtures/example-filter-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-filter-by/style.css -------------------------------------------------------------------------------- /test/fixtures/example-group-by/shapes/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-group-by/shapes/circle.png -------------------------------------------------------------------------------- /test/fixtures/example-group-by/shapes/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-group-by/shapes/square.png -------------------------------------------------------------------------------- /test/fixtures/example-group-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-group-by/style.css -------------------------------------------------------------------------------- /test/fixtures/example-output-dimensions/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-output-dimensions/circle.png -------------------------------------------------------------------------------- /test/fixtures/example-output-dimensions/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-output-dimensions/square.png -------------------------------------------------------------------------------- /test/fixtures/example-output-dimensions/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-output-dimensions/style.css -------------------------------------------------------------------------------- /test/fixtures/example-responsive-spritesheets/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-responsive-spritesheets/circle.png -------------------------------------------------------------------------------- /test/fixtures/example-responsive-spritesheets/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-responsive-spritesheets/square.png -------------------------------------------------------------------------------- /test/fixtures/example-responsive-spritesheets/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-responsive-spritesheets/style.css -------------------------------------------------------------------------------- /test/fixtures/example-skip-prefix/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-skip-prefix/circle.png -------------------------------------------------------------------------------- /test/fixtures/example-skip-prefix/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-skip-prefix/square.png -------------------------------------------------------------------------------- /test/fixtures/example-skip-prefix/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/example-skip-prefix/style.css -------------------------------------------------------------------------------- /test/fixtures/filter-by/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/filter-by/circle.png -------------------------------------------------------------------------------- /test/fixtures/filter-by/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/filter-by/square.png -------------------------------------------------------------------------------- /test/fixtures/filter-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/filter-by/style.css -------------------------------------------------------------------------------- /test/fixtures/group-by/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/group-by/circle.png -------------------------------------------------------------------------------- /test/fixtures/group-by/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/group-by/square.png -------------------------------------------------------------------------------- /test/fixtures/group-by/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/group-by/style.css -------------------------------------------------------------------------------- /test/fixtures/hooks/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/hooks/circle.png -------------------------------------------------------------------------------- /test/fixtures/hooks/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/hooks/square.png -------------------------------------------------------------------------------- /test/fixtures/hooks/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/hooks/style.css -------------------------------------------------------------------------------- /test/fixtures/relative/images/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/relative/images/circle.png -------------------------------------------------------------------------------- /test/fixtures/relative/images/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/relative/images/square.png -------------------------------------------------------------------------------- /test/fixtures/relative/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/relative/style.css -------------------------------------------------------------------------------- /test/fixtures/retina/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/retina/circle.png -------------------------------------------------------------------------------- /test/fixtures/retina/circle@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/retina/circle@2x.png -------------------------------------------------------------------------------- /test/fixtures/retina/square.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/retina/square.png -------------------------------------------------------------------------------- /test/fixtures/retina/square@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/retina/square@2x.png -------------------------------------------------------------------------------- /test/fixtures/retina/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/retina/style.css -------------------------------------------------------------------------------- /test/fixtures/svg-basic/circle.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/svg-basic/circle.svg -------------------------------------------------------------------------------- /test/fixtures/svg-basic/square.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/svg-basic/square.svg -------------------------------------------------------------------------------- /test/fixtures/svg-basic/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2createStudio/postcss-sprites/HEAD/test/fixtures/svg-basic/style.css -------------------------------------------------------------------------------- /typings.d.ts: -------------------------------------------------------------------------------- 1 | export declare function sprites(): any; 2 | --------------------------------------------------------------------------------