Polyfer

Post-processor for Polymer CSS polyfills

Install

$ npm install --save polyfer

In a case that you are a task manager lover, please try gulp-polyfer or grunt-polyfer and have fun :)

Usage

Module

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).

Client

$ npm install --global polyfer
$ polyfer input.css
$ polyfer input.css > output.css
$ polyfer --help

Roadmap

• 0.2.0 - enable and disable specific polyfills processing

Contribute

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using gulp.

git clone https://github.com/heldr/polyfer.git
cd polyfer
npm install
gulp watch

License

MIT © Helder Santana