{"_id":"postcss-short-data","_rev":"322530","name":"postcss-short-data","description":"Write shorthand data attribute selectors in CSS","dist-tags":{"latest":"1.1.0"},"maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"}],"time":{"modified":"2021-06-04T01:28:57.000Z","created":"2015-11-16T13:32:02.019Z","1.1.0":"2015-12-07T16:35:09.579Z","1.0.0":"2015-11-16T13:32:02.019Z"},"users":{},"author":{"name":"Jonathan Neal","email":"jonathantneal@hotmail.com"},"repository":{"type":"git","url":"git+https://github.com/jonathantneal/postcss-short-data.git"},"versions":{"1.1.0":{"name":"postcss-short-data","version":"1.1.0","description":"Write shorthand data attribute selectors in CSS","keywords":["postcss","css","postcss-plugin","shorthands","selectors","attributes","attrs","datas","datasets","elements","extensions","expands"],"author":{"name":"Jonathan Neal","email":"jonathantneal@hotmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/jonathantneal/postcss-short-data.git"},"homepage":"https://github.com/jonathantneal/postcss-short-data","bugs":{"url":"https://github.com/jonathantneal/postcss-short-data/issues"},"dependencies":{"postcss":"^5.0.12"},"devDependencies":{"eslint":"^1.9.0","tap-spec":"^4.1.0","tape":"^4.2.2"},"scripts":{"lint":"eslint . --ignore-path .gitignore","tape":"tape test/*.js | tap-spec","test":"npm run lint && npm run tape"},"engines":{"iojs":">=2.0.0","node":">=0.12.0"},"gitHead":"49215bd71077df2709837731db49673790a777cf","_id":"postcss-short-data@1.1.0","_shasum":"4e7ac80a173b6ec4dde0acd8205cd282cb4f8330","_from":".","_npmVersion":"2.14.3","_nodeVersion":"0.12.5","_npmUser":{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},"dist":{"shasum":"4e7ac80a173b6ec4dde0acd8205cd282cb4f8330","size":5084,"noattachment":false,"key":"/postcss-short-data/-/postcss-short-data-1.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/postcss-short-data/download/postcss-short-data-1.1.0.tgz"},"maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"}],"directories":{},"publish_time":1449506109579,"_cnpm_publish_time":1449506109579,"_hasShrinkwrap":false},"1.0.0":{"name":"postcss-short-data","version":"1.0.0","description":"Write shorthand data attribute selectors in CSS","keywords":["postcss","css","postcss-plugin","shorthands","selectors","attributes","attrs","datas","datasets","elements","extensions","expands"],"author":{"name":"Jonathan Neal","email":"jonathantneal@hotmail.com"},"license":"CC0-1.0","repository":{"type":"git","url":"git+https://github.com/jonathantneal/postcss-short-data.git"},"homepage":"https://github.com/jonathantneal/postcss-short-data","bugs":{"url":"https://github.com/jonathantneal/postcss-short-data/issues"},"dependencies":{"postcss":"^5.0.12"},"devDependencies":{"eslint":"^1.9.0","tap-spec":"^4.1.0","tape":"^4.2.2"},"scripts":{"lint":"eslint . --ignore-path .gitignore","tape":"tape test/*.js | tap-spec","test":"npm run lint && npm run tape"},"engines":{"iojs":">=2.0.0","node":">=0.12.0"},"gitHead":"fdf3d4ea7542306ca7037c5dd66d633c070afc33","_id":"postcss-short-data@1.0.0","_shasum":"b2ac8479bb1c6b8005ce6b9ec9328e0e63afb591","_from":".","_npmVersion":"2.14.3","_nodeVersion":"0.12.5","_npmUser":{"name":"jonathantneal","email":"jonathantneal@hotmail.com"},"dist":{"shasum":"b2ac8479bb1c6b8005ce6b9ec9328e0e63afb591","size":5003,"noattachment":false,"key":"/postcss-short-data/-/postcss-short-data-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/postcss-short-data/download/postcss-short-data-1.0.0.tgz"},"maintainers":[{"name":"jonathantneal","email":"jonathantneal@hotmail.com"}],"directories":{},"publish_time":1447680722019,"_cnpm_publish_time":1447680722019,"_hasShrinkwrap":false}},"readme":"# Shorthand Data\n\n\n\n[![NPM Version][npm-img]][npm] [![Build Status][ci-img]][ci]\n\n[Shorthand Data] lets you write shorthand data attribute selectors in CSS.\n\n```css\n/* before */\n\nnav a[:active] {\n\tbackground: #f3f3f3;\n}\n\nbutton[:target~=\"main\"] {\n\tbackground: #334332;\n}\n\n/* after */\n\nnav a[data-active] {\n\tbackground: #f3f3f3;\n}\n\nbutton[data-target~=\"main\"] {\n\tbackground: #334332;\n}\n```\n\n## Usage\n\nAdd [Shorthand Data] to your build tool:\n\n```bash\nnpm install postcss-short-data --save-dev\n```\n\n#### Node\n\n```js\nrequire('postcss-short-data').process(YOUR_CSS, { /* options */ });\n```\n\n#### PostCSS\n\nAdd [PostCSS] to your build tool:\n\n```bash\nnpm install postcss --save-dev\n```\n\nLoad [Shorthand Data] as a PostCSS plugin:\n\n```js\npostcss([\n\trequire('postcss-short-data')({ /* options */ })\n]);\n```\n\n#### Gulp\n\nAdd [Gulp PostCSS] to your build tool:\n\n```bash\nnpm install gulp-postcss --save-dev\n```\n\nEnable [Shorthand Data] within your Gulpfile:\n\n```js\nvar postcss = require('gulp-postcss');\n\ngulp.task('css', function () {\n\treturn gulp.src('./css/src/*.css').pipe(\n\t\tpostcss([\n\t\t\trequire('postcss-short-data')({ /* options */ })\n\t\t])\n\t).pipe(\n\t\tgulp.dest('./css')\n\t);\n});\n```\n\n#### Grunt\n\nAdd [Grunt PostCSS] to your build tool:\n\n```bash\nnpm install grunt-postcss --save-dev\n```\n\nEnable [Shorthand Data] within your Gruntfile:\n\n```js\ngrunt.loadNpmTasks('grunt-postcss');\n\ngrunt.initConfig({\n\tpostcss: {\n\t\toptions: {\n\t\t\tprocessors: [\n\t\t\t\trequire('postcss-short-data')({ /* options */ })\n\t\t\t]\n\t\t},\n\t\tdist: {\n\t\t\tsrc: 'css/*.css'\n\t\t}\n\t}\n});\n```\n\n[ci]: https://travis-ci.org/jonathantneal/postcss-short-data\n[ci-img]: https://img.shields.io/travis/jonathantneal/postcss-short-data.svg\n[npm]: https://www.npmjs.com/package/postcss-short-data\n[npm-img]: https://img.shields.io/npm/v/postcss-short-data.svg\n\n[Gulp PostCSS]: https://github.com/postcss/gulp-postcss\n[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss\n[PostCSS]: https://github.com/postcss/postcss\n\n[Shorthand Data]: https://github.com/jonathantneal/postcss-short-data\n","_attachments":{},"homepage":"https://github.com/jonathantneal/postcss-short-data","bugs":{"url":"https://github.com/jonathantneal/postcss-short-data/issues"},"license":"CC0-1.0"}