{"_id":"postcss-input-style","_rev":"12-804a243c9bae963459b9f8b2c5fd1180","name":"postcss-input-style","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","dist-tags":{"latest":"1.0.0"},"versions":{"0.1.0":{"name":"postcss-input-style","version":"0.1.0","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their Shadow-DOM elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"Sean King","email":"sean@simpla.io","url":"http://simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"88079dd64ca25f7bab182b73d68c26b9f193b25f","_id":"postcss-input-style@0.1.0","_shasum":"2b83fa264bc31a8be17e77d7974e517d1f5256bf","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"2b83fa264bc31a8be17e77d7974e517d1f5256bf","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.1.0.tgz","integrity":"sha512-mVu8rLV0v2IVNHW4P5bMuedPBMsxQSFrkGM8+uIAmYD+f5su8WYW59iPCObT1wo9X6OHlmozMuGFprlOulNZew==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpf+PeqBoh5cz9CsKWgbyGM+0zSF61G9qAPC7PVsY8TQIgI2YBIxZeGh7//y67FA5EtErqIWltAsA7E0jAIFsihiE="}]},"directories":{}},"0.2.0":{"name":"postcss-input-style","version":"0.2.0","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their Shadow-DOM elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"0d0f5e2bcd7c4597adfdee606055d82e4855faa7","_id":"postcss-input-style@0.2.0","_shasum":"0e7a6712de60bfabe150c35f0bed357e2e19db2f","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"0e7a6712de60bfabe150c35f0bed357e2e19db2f","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.2.0.tgz","integrity":"sha512-Rr2+Jqq1jDxDeBFMPv3gpMYHJF71q8h9jhLZxTnqdV5JyeaajWBVf9PrEXNlqpSr+0Uozda6tsZPinvMM8v1FA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEL6lqv5OOqHDnfnCm6Jkiicpudyfr15Ku58WqHNiGMmAiAfnZkdYlq0CxyyyHCqVStQiGQTp3M3ksvI8imdWOYl8g=="}]},"directories":{}},"0.2.1":{"name":"postcss-input-style","version":"0.2.1","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"a533502ad1a34dbbcee5ac9c70efeb0d6edb5087","_id":"postcss-input-style@0.2.1","_shasum":"729f116b4c8cb20da738b8e252848278f0a40711","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"729f116b4c8cb20da738b8e252848278f0a40711","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.2.1.tgz","integrity":"sha512-JhAWIHflBcsMKeYd09Vbk0+sTyUJ7CUCHN41ugVovyZE6aFoX0nfYczs5y78lXlW6GGSkhvKhkC33HUlD+PEkw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID8xJBSO0vUo/CHRaJek4qnlSWwtBdQALSZz8Hyq1tLuAiEAgFwrimIdKM/QX5sU/U/ZWlJQKx9bBbgYx7en+qekB0o="}]},"directories":{}},"0.2.2":{"name":"postcss-input-style","version":"0.2.2","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"b0a21b526b26dedf2b56f6043c37abeec6bb0a23","_id":"postcss-input-style@0.2.2","_shasum":"f8387b4663209f8f29749b22a859623ebbe89a4f","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"f8387b4663209f8f29749b22a859623ebbe89a4f","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.2.2.tgz","integrity":"sha512-bU7+IRKunW3W6pykha0AhY1D+SC+/51I1dzn1DIylXuz4a0kCzBFDhUIDhNpFrf28IiQropAVU+fLL6GqyOIIQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC+dwSgAn8YrWz/w9SQQswn4ooxCZ7QnwrysZP6fKb+NAIgL8GvcUVnvQ8NlzDFcZTpubRkywwN4024MCriMUAFf8c="}]},"directories":{}},"0.2.3":{"name":"postcss-input-style","version":"0.2.3","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"9a4072e32781b27555e45e43fe704e03e0131f99","_id":"postcss-input-style@0.2.3","_shasum":"5b2a7a15d3c27485d657e2073dc4287e857b75ef","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"5b2a7a15d3c27485d657e2073dc4287e857b75ef","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.2.3.tgz","integrity":"sha512-tAFzvm4ijJJEM8FrJS+cPUm5mdvdy9iYM/LhlUmT2MFYHzlIRwXGOtue3XUXesGFh9uc/ZJCigHksf+A6UvxEQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4RGRhImizzvCnQ+W57gKZUQbYt0/hQxrbb8m+zdPJAgIgFueYA6HislL0vxMpF3XwJD/6hCg1/8IQer8Z0sdP9cQ="}]},"directories":{}},"0.2.4":{"name":"postcss-input-style","version":"0.2.4","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^4.1.9"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"b69cd6d9990c18fb5d3b077c5bac81d6455a081e","_id":"postcss-input-style@0.2.4","_shasum":"78dac259123cd11c22d8e53301c5c623ef818b3c","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"78dac259123cd11c22d8e53301c5c623ef818b3c","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.2.4.tgz","integrity":"sha512-9zEvU5L5Lgf9ajdsYl0HwsNX12LDdIN6bUxH6QPzx2GPCwu0x1J743zQHVTzcC/uEhaoa3ZjwfSvLwkEoKyZJg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCpZxZ0w3zzWBPNfPN4EHf+tRKT5inMlOMX9XjGMkYsdAIgZgBnNAk1Rdu3lZHJxAFQFHBLjUwK7nudHIWMqkn8l68="}]},"directories":{}},"0.3.0":{"name":"postcss-input-style","version":"0.3.0","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^5.0.0"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"24d86efa62fa84ed8bec3d095f9fac7d438041b6","_id":"postcss-input-style@0.3.0","_shasum":"e3b4fdb0aa441bed1930cbb44d8ad5634cf38540","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"e3b4fdb0aa441bed1930cbb44d8ad5634cf38540","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-0.3.0.tgz","integrity":"sha512-dkz7EA4G0sN4jIVK1Ny/Lxh7gw9+R1BS/bwhrjqIlT/6ipbkiXCClegYFd+54e56JK8Jp/4ownhD1dmvMI9QEQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE4cZuNwrtu1+Im7JJqddOEVI/p02BWPJ61HFXiMUt2FAiEA8Pf7J/b0vxG19ocKIEEe13NTyKZEJjfkkI72OXHMmkg="}]},"directories":{}},"1.0.0":{"name":"postcss-input-style","version":"1.0.0","description":"Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"homepage":"https://github.com/seaneking/postcss-input-style","dependencies":{"postcss":"^6.0.7"},"devDependencies":{"gulp-eslint":"^4.0.0","gulp-mocha":"^4.3.1","chai":"^4.1.0","gulp":"^3.9.1"},"scripts":{"test":"gulp check"},"gitHead":"b47bcb5f5c69584eec5755c4f955f8f4e29b1e7f","_id":"postcss-input-style@1.0.0","_shasum":"bbfdc82b9f799b3e78c863a02476757e26fbdc61","_from":".","_npmVersion":"4.0.5","_nodeVersion":"7.4.0","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"bbfdc82b9f799b3e78c863a02476757e26fbdc61","tarball":"https://registry.npmjs.org/postcss-input-style/-/postcss-input-style-1.0.0.tgz","integrity":"sha512-1+7tUeH7DFY42DBg7xv+K8QxnCUtrb4KWwJztaBVUQ5Rky0qBVrBijGRri4KYdHhwgM5h5AfFU3DbF94f/QtAA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLC4TlLffome02MLV6KS68Dbn7P6c1CN1IA4NI+6DVvAIhAO21Oup3Ch7GZRYhkvVmu23o1i18nTXw42DJGutObB5n"}]},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/postcss-input-style-1.0.0.tgz_1501103870738_0.9990272030699998"},"directories":{}}},"readme":"# PostCSS Input Style\n[![NPM version][npm-badge]][npm-url] [![Build Status][travis-badge]][travis-url] [![Dependency Status][daviddm-badge]][daviddm-url]\n\n[PostCSS][PostCSS] plugin that adds new pseudo elements to inputs for easy cross-browser styling of their inner elements. Currently the only input supported is Range, more will be added as more vendor-specific pseudo selectors are made available.\n\n_Part of [Rucksack - CSS Superpowers](http://simplaio.github.io/rucksack)_\n\n**Input**\n\n```css\ninput[type=\"range\"]::track {\n  background: #9d9d9d;\n  height: 3px;\n}\n\ninput[type=\"range\"]::thumb {\n  background: #4286be;\n  width: 16px;\n  height: 8px;\n}\n```\n\n**Output**\n\n```css\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n  background: #9d9d9d;\n  height: 3px;\n}\n\ninput[type=\"range\"]::-moz-range-track  {\n  -moz-appearance: none;\n  background: #9d9d9d;\n  height: 3px;\n}\n\ninput[type=\"range\"]::-ms-track  {\n  background: #9d9d9d;\n  height: 3px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  background: #4286be;\n  width: 16px;\n  height: 8px;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  -moz-appearance: none;\n  background: #4286be;\n  width: 16px;\n  height: 8px;\n}\n\ninput[type=\"range\"]::-ms-thumb {\n  background: #4286be;\n  width: 16px;\n  height: 8px;\n}\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n}\n\ninput[type=range]::-moz-focus-outer {\n    border: 0;\n}\n```\n\nNotes on output:\n\n- Selectors are not grouped because if a browser finds a single selector it doesn't understand in a group, the whole group is ignored (see [Selectors Level 3][selectors])\n\n- `-[vendor]-appearance: none;` is added so your custom styles apply. On Chrome and Safari this means you must style *both* `::track` and `::thumb`, since the appearance must be set on the root element as well\n\n- The additional `::-moz-focus-outer` rule removes the inconsistent dotted focus outline on firefox.\n\n## Usage\n\n```js\npostcss([ require('postcss-input-style') ])\n```\n\nSee [PostCSS][PostCSS] docs for examples for your environment.\n\n***\n\nMIT © [Sean King](https://twitter.com/seaneking)\n\n[npm-badge]: https://badge.fury.io/js/postcss-input-style.svg\n[npm-url]: https://npmjs.org/package/postcss-input-style\n[travis-badge]: https://travis-ci.org/seaneking/postcss-input-style.svg?branch=master\n[travis-url]: https://travis-ci.org/seaneking/postcss-input-style\n[daviddm-badge]: https://david-dm.org/seaneking/postcss-input-style.svg?theme=shields.io\n[daviddm-url]: https://david-dm.org/seaneking/postcss-input-style\n[PostCSS]: https://github.com/postcss/postcss\n[selectors]: http://www.w3.org/TR/selectors/#Conformance\n","maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"time":{"modified":"2022-06-24T10:13:54.329Z","created":"2015-08-15T07:15:07.054Z","0.1.0":"2015-08-15T07:15:07.054Z","0.2.0":"2015-08-15T09:05:33.146Z","0.2.1":"2015-08-15T09:38:45.888Z","0.2.2":"2015-08-17T09:52:12.642Z","0.2.3":"2015-08-17T10:21:04.066Z","0.2.4":"2015-08-18T14:27:25.774Z","0.3.0":"2015-09-06T06:09:55.802Z","1.0.0":"2017-07-26T21:17:51.722Z"},"homepage":"https://github.com/seaneking/postcss-input-style","keywords":["postcss","css","postcss-plugin","inputs","shadow dom,","psuedo"],"repository":{"type":"git","url":"git+https://github.com/seaneking/postcss-input-style.git"},"author":{"name":"Sean King","email":"sean@simpla.io"},"bugs":{"url":"https://github.com/seaneking/postcss-input-style/issues"},"license":"MIT","readmeFilename":"README.md","users":{}}