Polyfer [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-url]][daviddm-image]

> Post-processor for [Polymer CSS polyfills][polyfills-doc]

Install

``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 :)

`Usage`

`$3`

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

`$3`

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

`Release notes`

* 0.1.0 - refactory, bug fixes and /deep/ selectors * 0.0.x - first releases

`Roadmap`


* 0.2.0 - enable and disable specific polyfills processing
Contribute
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``

License

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

Usage

$3

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; }

$3

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

License