{"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"keywords":["postcss","css","postcss-plugin","legacy"],"dist-tags":{"latest":"0.1.0"},"author":{"name":"Sean King","email":"sean@seanking.org"},"description":"Automagical CSS fallbacks for legacy browsers, built on PostCSS","readme":"# laggard\n[![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Dependency Status][daviddm-image]][daviddm-url]\n\nAutomagical CSS fallbacks for legacy browsers, built on [PostCSS][postcss].\n\nLaggard is a pack of community PostCSS plugins that insert common CSS property fallbacks for legacy browsers (<IE8). For a full list of plugins and attributions, have a look at CONTRIBUTORS.md.\n\nLaggard **does not** transpile future CSS syntax. For that use [cssnext][cssnext], which also includes most of these legacy fallbacks. Use Laggard if you just want to easily improve legacy support with current CSS code.\n\n--\n\n### Install\n\n```sh\n$ npm install --save laggard\n```\n\n<br/>\n\n### Usage\n\n###### Build tools\nUse Laggard as a PostCSS plugin in your build tool of choice.\n\n```js\nvar postcss = require('postcss'),\n    laggard = require('laggard');\n\npostcss([ laggard ])\n```\n\nSee [PostCSS][postcss] docs for examples for your particular environment.\n\n###### CLI\nProcess CSS directly on the command line\n\n```sh\n$ laggard src/style.css style.css [options]\n```\n\n###### Stylus\nLaggard can be used directly as a Stylus plugin with [PostStylus][poststylus]\n\n```js\nstylus(css).use(poststylus('laggard'))\n```\n\nSee the [PostStylus Docs][poststylus] for more examples for your environment.\n\n--\n\n### Features\n\n_Opacity ms-filter fallbacks_\n```css\n/* Before */\n.foo {\n  opacity: .5;\n}\n\n/* After */\n.foo {\n  opacity: .5;\n  -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";\n}\n```\n\n_Rem unit fallbacks_\n```css\nhtml {\n  font-size: 16px;\n}\n\n/* Before */\n.foo {\n  font-size: 2rem;\n}\n\n/* After */\n.foo {\n  font-size: 32px;\n  font-size: 2rem;\n}\n```\n\n_Rem unit fallbacks_\n```css\nhtml {\n  font-size: 16px;\n}\n\n/* Before */\n.foo {\n  font-size: 2rem;\n}\n\n/* After */\n.foo {\n  font-size: 32px;\n  font-size: 2rem;\n}\n```\n\n_PseudoElement conversions_\n```css\n/* Before */\n.foo::before {\n  display: block;\n}\n\n/* After */\n.foo:before {\n  display: block;\n}\n```\n\n_RGBA Hex fallbacks_\n```css\n/* Before */\n.foo {\n  background: rgba(153, 221, 153, 0.8);\n}\n\n/* After */\n.foo {\n  background: #99DD99;\n  background: rgba(153, 221, 153, 0.8);\n}\n```\n\n_IE vmin to vm fallbacks_\n```css\n/* Before */\n.foo {\n  width: 50vmin;\n}\n\n/* After */\n.foo {\n  width: 50vm;\n  width: 50vmin;\n}\n```\n\n_3D transform hack for will-change_\n```css\n/* Before */\n.foo {\n  will-change: transform;\n}\n\n/* After */\n.foo {\n  backface-visibility: hidden;\n  will-change: transform;\n}\n```\n\n--\n\n### Options\nAll features in Laggard can be toggled on or off by passing options on initialization. By default all features are set to `true`.\n\nFeature toggles:\n- `rgba`\n- `opacity`\n- `pseudo`\n- `vmin`\n- `pixrem`\n- `willchange`\n\n```js\n// Set in build tool, etc.\n.laggard({\n  // options\n})\n```\n--\n\n### License\n\nMIT © [Sean King](https://twitter.com/seaneking)\n\n[npm-image]: https://badge.fury.io/js/laggard.svg\n[npm-url]: https://npmjs.org/package/laggard\n[travis-image]: https://travis-ci.org/seaneking/laggard.svg?branch=master\n[travis-url]: https://travis-ci.org/seaneking/laggard\n[daviddm-image]: https://david-dm.org/seaneking/laggard.svg?theme=shields.io\n[daviddm-url]: https://david-dm.org/seaneking/laggard\n[postcss]: https://github.com/postcss/postcss\n[cssnext]: http://cssnext.io/\n[poststylus]: https://github.com/seaneking/poststylus\n","repository":{"type":"git","url":"git+https://github.com/seaneking/laggard.git"},"users":{"lmhs":true},"bugs":{"url":"https://github.com/seaneking/laggard/issues"},"license":"MIT","versions":{"0.1.0":{"name":"laggard","version":"0.1.0","description":"Automagical CSS fallbacks for legacy browsers, built on PostCSS","keywords":["postcss","css","postcss-plugin","legacy"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/seaneking/laggard.git"},"author":{"name":"Sean King","email":"sean@seanking.org"},"maintainers":[{"name":"seaneking","email":"sean@simpla.io"}],"bugs":{"url":"https://github.com/seaneking/laggard/issues"},"bin":{"laggard":"./bin/cmd.js"},"engines":{"node":">= 0.12.0"},"homepage":"https://github.com/seaneking/laggard","dependencies":{"minimist":"^1.2.0","pixrem":"^3.0.0","postcss":"^5.0.0","postcss-color-rgba-fallback":"^2.0.0","postcss-opacity":"^3.0.0","postcss-pseudoelements":"^3.0.0","postcss-reporter":"^1.2.1","postcss-vmin":"^2.0.0","postcss-will-change":"^1.0.0","read-file-stdin":"^0.2.0","write-file-stdout":"0.0.2"},"devDependencies":{"gulp-eslint":"^0.12.0","gulp-mocha":"^2.0.1","chai":"^2.3.0","gulp":"^3.8.11"},"scripts":{"test":"gulp check"},"gitHead":"0b642f9eab92697917b788855110dacb4164509a","_id":"laggard@0.1.0","_shasum":"2efd645f7f2d8f3d27ac808039ca86a8ee341075","_from":".","_npmVersion":"2.13.0","_nodeVersion":"0.12.7","_npmUser":{"name":"seaneking","email":"sean@simpla.io"},"dist":{"shasum":"2efd645f7f2d8f3d27ac808039ca86a8ee341075","tarball":"http://nexus.dui88.com:8081/nexus/content/groups/npm-all/laggard/-/laggard-0.1.0.tgz"},"directories":{}}},"name":"laggard","time":{"modified":"2015-10-14T03:42:57.213Z","created":"2014-04-05T16:25:31.595Z","1.0.0":"2014-04-05T16:25:31.595Z","0.1.0":"2015-10-14T03:42:57.213Z"},"readmeFilename":"README.md","homepage":"https://github.com/seaneking/laggard"}