Post processor for Polymer CSS polyfills
npm install polyfer> Post-processor for [Polymer CSS polyfills][polyfills-doc]
``sh`
$ npm install --save polyfer
In a case that you are a task manager lover, please try [gulp-polyfer][npm-gulp-url] or [grunt-polyfer][npm-grunt-url] and have fun :)
`js
var polyfer = require('polyfer');
polyfer('::content p { color: blue; }');
// => polyfill-next-selector { content: 'p' } ::content p { color: blue; }
polyfer('x-element ::content p {...}');
// => polyfill-next-selector {...} x-element ::content
polyfer(':scoped x-element p { color: blue; }');
// => polyfill-rule { content: 'x-element p'; color: blue; }
polyfer(':unscoped x-element p');
// => polyfill-unscoped-rule {...}
// since some preprocessors do not support /deep/ selectors
polyfer('body :deep a { outline: 1; }');
// => body /deep/ a { outline: 1; }
`
See examples comparing fixture.css(before) with expected.css(after).
`sh`
$ npm install --global polyfer
$ polyfer input.css
$ polyfer input.css > output.css
$ polyfer --help
* 0.1.0 - refactory, bug fixes and /deep/ selectors
* 0.0.x - first releases
Keep in mind that all tasks run through Grunt.js.
`shell``
git clone https://github.com/heldr/polyfer.git
cd polyfer
npm install
grunt watch
MIT © Helder Santana
[npm-url]: https://npmjs.org/package/polyfer
[npm-gulp-url]: https://npmjs.org/package/gulp-polyfer
[npm-grunt-url]: https://npmjs.org/package/grunt-polyfer
[npm-image]: https://badge.fury.io/js/polyfer.svg
[travis-url]: https://travis-ci.org/heldr/polyfer
[travis-image]: https://travis-ci.org/heldr/polyfer.svg?branch=master
[daviddm-url]: https://david-dm.org/heldr/polyfer.svg?theme=shields.io
[daviddm-image]: https://david-dm.org/heldr/polyfer
[polyfills-doc]: https://www.polymer-project.org/docs/polymer/styling.html#directives