{"_id":"auto-prefixer","_rev":"9-16bdb642dfed55ec4e384f443c7f0f8e","name":"auto-prefixer","time":{"modified":"2022-06-13T03:49:02.734Z","created":"2015-09-09T12:11:12.430Z","0.3.0":"2015-09-09T12:11:12.430Z","0.3.1":"2015-09-09T12:13:49.397Z","0.3.3":"2015-09-10T11:23:57.599Z","0.4.0":"2015-09-13T11:54:47.444Z","0.4.1":"2015-09-22T22:56:44.354Z","0.4.2":"2015-09-23T15:22:36.064Z"},"maintainers":[{"name":"yonatanmn","email":"yonatanmn@gmail.com"}],"dist-tags":{"latest":"0.4.2"},"description":"react autoPrefixer","readme":"# react inline auto-prefixer\r\n\r\nthis is a strong utility for adding prefixes for inline styles as used in React.js, that supports most css prefixes, browser or server rendering, and nested style objects. \r\n\r\n## Usage:\r\n```javascript\r\nvar prefixedStyle = autoprefix(stylesObject);\r\n````\r\n### Example\r\n```javascript\r\nimport autoprefix from 'autoprefix';\r\n\r\nvar Component = React.createClass({\r\n render() {\r\n return (\r\n \r\n auto-prefixes with every render (suitable when state/props changes style)\r\n
\r\n \r\n styleSheet will only be auto-prefixed once on mount - more performant\r\n
\r\n \r\n works also when nested\r\n
\r\n )\r\n }\r\n styleSheet: autoprefix({\r\n style1:{\r\n justifyContent: 'space-between',\r\n overflow: 'auto',\r\n flexShrink: 0\r\n },\r\n style2:{\r\n nested1:{\r\n display: 'flex',\r\n width: 'calc(100% - 10px)'\r\n }\r\n }\r\n })\r\n})\r\n\r\n```\r\n\r\n### Server rendering\r\nBy default, it will add prefixes only for the client's browser. When doing server rendering of a react page, you should add prefixes for every relevant browser. that's really easy -\r\n\r\n```javascript\r\nvar prefixedStyle = autoprefix(stylesObject, true);\r\n// or - even easier, when requiring autoprefix, do this:\r\nvar autoprefix = require('autoprefix')(true);\r\n````\r\n\r\n## Supports:\r\n- flex:\r\n - display: flex\r\n - alignContent\r\n - alignItems\r\n - alignSelf\r\n - flex\r\n - flexBasis\r\n - flexDirection\r\n - flexFlow\r\n - flexGrow\r\n - flexShrink\r\n - flexWrap\r\n - justifyContent\r\n- old flex box (new flex properties are transformed automatically)\r\n- animation, and its sub properties::\r\n - Delay\r\n - Direction\r\n - Duration\r\n - FillMode\r\n - IterationCount\r\n - Name\r\n - PlayState\r\n - TimingFunction\r\n- appearance\r\n- backfaceVisibility\r\n- backgroundClip\r\n- borderImage, borderImageSlice\r\n- boxShadow\r\n- boxSizing\r\n- calc\r\n- clipPath\r\n- columns\r\n- cursor\r\n- fontSmoothing\r\n- order\r\n- perspective, perspectiveOrigin\r\n- transform, and its sub properties:\r\n - Origin\r\n - OriginX\r\n - OriginY\r\n - OriginZ\r\n - Style\r\n- transition, and its sub properties:\r\n - Delay\r\n - Duration\r\n - Property\r\n - TimingFunction\r\n- userSelect\r\n\r\n\r\n### Installation\r\n\r\n```sh\r\n$ npm install auto-prefixer --save\r\n```\r\n\r\n\r\n[](https://travis-ci.org/yonatanmn/react-inline-auto-prefixer)\r\n[](https://codeclimate.com/github/yonatanmn/react-inline-auto-prefixer)\r\n[](https://codeclimate.com/github/yonatanmn/react-inline-auto-prefixer)\r\n[](https://david-dm.org/yonatanmn/react-inline-auto-prefixer)\r\n[](https://david-dm.org/yonatanmn/react-inline-auto-prefixer#info=devDependencies)\r\n","versions":{"0.3.1":{"name":"auto-prefixer","version":"0.3.1","description":"react autoPrefixer","main":"dist/react-inline-auto-prefixer.js","scripts":{"test":"gulp","test-browser":"gulp test-browser","build":"gulp build","coverage":"gulp coverage"},"repository":{"type":"git","url":"git+https://github.com/yonatanmn/react-inline-auto-prefixer.git"},"keywords":["react","inline style","auto","prefix","autoprefixer","autoprefix","flex"],"author":{"name":"Yonatan Schreiber","email":"yonatanmn@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/yonatanmn/react-inline-auto-prefixer/issues"},"homepage":"https://github.com/yonatanmn/react-inline-auto-prefixer","devDependencies":{"babel-core":"^5.2.17","babel-eslint":"^4.0.5","babelify":"^6.0.0","browserify":"^11.0.1","chai":"^3.2.0","del":"^1.1.1","esperanto":"^0.7.4","glob":"^5.0.14","gulp":"^3.8.10","gulp-babel":"^5.0.0","gulp-eslint":"^1.0.0","gulp-file":"^0.2.0","gulp-filter":"^3.0.0","gulp-istanbul":"^0.10.0","gulp-jscs":"^2.0.0","gulp-livereload":"^3.4.0","gulp-load-plugins":"^0.10.0","gulp-mocha":"^2.0.0","gulp-notify":"^2.1.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.0","gulp-sourcemaps":"^1.3.0","gulp-uglify":"^1.2.0","isparta":"^3.0.3","mocha":"^2.1.0","run-sequence":"^1.0.2","sinon":"^1.12.2","sinon-chai":"^2.7.0","vinyl-buffer":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^3.3.1"},"babelBoilerplateOptions":{"entryFileName":"react-inline-auto-prefixer","mainVarName":"autoprefixer","mochaGlobals":["stub","spy","expect"]},"gitHead":"fcfa73d2cef33c086c481faf5c56fd73be42240e","_id":"auto-prefixer@0.3.1","_shasum":"bce1d0680fd4e41f998c5cd8b34f071472745ae6","_from":".","_npmVersion":"2.11.0","_nodeVersion":"0.10.33","_npmUser":{"name":"yonatanmn","email":"yonatanmn@gmail.com"},"dist":{"shasum":"bce1d0680fd4e41f998c5cd8b34f071472745ae6","tarball":"https://registry.npmjs.org/auto-prefixer/-/auto-prefixer-0.3.1.tgz","integrity":"sha512-hV8yT7nNw6VUYjY7522pCb7wwHPY2rs0v4++R4B1EmKBL6Yb1gi1LWjEHLt7Eg5bpqWSeXzBw7/Z61YJr8BbsQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoPrh5V6ni0Blaapg8tYAxjEyfSNNOC9qQEWbkvOi13wIgQLRcfY+eq1j07csiAgP79bPy8o0JMTtgREP5r3MdZLI="}]},"maintainers":[{"name":"yonatanmn","email":"yonatanmn@gmail.com"}]},"0.3.3":{"name":"auto-prefixer","version":"0.3.3","description":"react autoPrefixer","main":"dist/react-inline-auto-prefixer.js","scripts":{"test":"gulp","test-browser":"gulp test-browser","build":"gulp build","coverage":"gulp coverage"},"repository":{"type":"git","url":"git+https://github.com/yonatanmn/react-inline-auto-prefixer.git"},"keywords":["react","inline style","auto","prefix","autoprefixer","autoprefix","flex"],"author":{"name":"Yonatan Schreiber","email":"yonatanmn@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/yonatanmn/react-inline-auto-prefixer/issues"},"homepage":"https://github.com/yonatanmn/react-inline-auto-prefixer","devDependencies":{"babel-core":"^5.2.17","babel-eslint":"^4.0.5","babelify":"^6.0.0","browserify":"^11.0.1","chai":"^3.2.0","del":"^1.1.1","esperanto":"^0.7.4","glob":"^5.0.14","gulp":"^3.8.10","gulp-babel":"^5.0.0","gulp-eslint":"^1.0.0","gulp-file":"^0.2.0","gulp-filter":"^3.0.0","gulp-istanbul":"^0.10.0","gulp-jscs":"^2.0.0","gulp-livereload":"^3.4.0","gulp-load-plugins":"^0.10.0","gulp-mocha":"^2.0.0","gulp-notify":"^2.1.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.0","gulp-sourcemaps":"^1.3.0","gulp-uglify":"^1.2.0","isparta":"^3.0.3","mocha":"^2.1.0","run-sequence":"^1.0.2","sinon":"^1.12.2","sinon-chai":"^2.7.0","vinyl-buffer":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^3.3.1"},"babelBoilerplateOptions":{"entryFileName":"react-inline-auto-prefixer","mainVarName":"autoprefixer","mochaGlobals":["stub","spy","expect"]},"gitHead":"8503257c7c7c048a730c73ebc84633fcc8136b36","_id":"auto-prefixer@0.3.3","_shasum":"905ce0122eeddcd23708d2468604556b8f837122","_from":".","_npmVersion":"2.11.0","_nodeVersion":"0.10.33","_npmUser":{"name":"yonatanmn","email":"yonatanmn@gmail.com"},"dist":{"shasum":"905ce0122eeddcd23708d2468604556b8f837122","tarball":"https://registry.npmjs.org/auto-prefixer/-/auto-prefixer-0.3.3.tgz","integrity":"sha512-9Kg8jiHc1Lj2pnzsGW/9OojbrGG0WvFhgIMfJarFdCj3ldaQhVhVlUu6boeQ/7eGP5kg1PavTuiJLECgKc7Ejg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHlQpW63jPR7X399t1JpRavrs0FBNhWJ9dCgWZ2JFe+jAiEArRzn3/GzBkrqUttQyh7IMMP6uo7/1wfN1t6LViP7UNw="}]},"maintainers":[{"name":"yonatanmn","email":"yonatanmn@gmail.com"}]},"0.4.0":{"name":"auto-prefixer","version":"0.4.0","description":"react autoPrefixer","main":"dist/react-inline-auto-prefixer.js","scripts":{"test":"gulp","test-browser":"gulp test-browser","build":"gulp build","coverage":"gulp coverage"},"repository":{"type":"git","url":"git+https://github.com/yonatanmn/react-inline-auto-prefixer.git"},"keywords":["react","inline style","auto","prefix","autoprefixer","autoprefix","flex"],"author":{"name":"Yonatan Schreiber","email":"yonatanmn@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/yonatanmn/react-inline-auto-prefixer/issues"},"homepage":"https://github.com/yonatanmn/react-inline-auto-prefixer","devDependencies":{"babel-core":"^5.2.17","babel-eslint":"^4.0.5","babel-runtime":"^5.8.20","babelify":"^6.0.0","browserify":"^11.0.1","chai":"^3.2.0","del":"^1.1.1","esperanto":"^0.7.4","glob":"^5.0.14","gulp":"^3.9.0","gulp-babel":"^5.0.0","gulp-eslint":"^1.0.0","gulp-file":"^0.2.0","gulp-filter":"^3.0.0","gulp-istanbul":"^0.10.0","gulp-jscs":"^2.0.0","gulp-livereload":"^3.4.0","gulp-load-plugins":"^0.10.0","gulp-mocha":"^2.0.0","gulp-notify":"^2.1.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.0","gulp-sourcemaps":"^1.3.0","gulp-uglify":"^1.2.0","isparta":"^3.0.3","mocha":"^2.3.2","run-sequence":"^1.0.2","sinon":"^1.12.2","sinon-chai":"^2.7.0","vinyl-buffer":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^3.3.1"},"babelBoilerplateOptions":{"entryFileName":"react-inline-auto-prefixer","mainVarName":"autoprefixer","mochaGlobals":["stub","spy","expect"]},"gitHead":"cdacb2f60b9131df50785622ade7d2a459f66223","_id":"auto-prefixer@0.4.0","_shasum":"da60532fd154227af763ed4e2374f4167c722e63","_from":".","_npmVersion":"2.11.3","_nodeVersion":"0.12.7","_npmUser":{"name":"yonatanmn","email":"yonatanmn@gmail.com"},"dist":{"shasum":"da60532fd154227af763ed4e2374f4167c722e63","tarball":"https://registry.npmjs.org/auto-prefixer/-/auto-prefixer-0.4.0.tgz","integrity":"sha512-07QeAW2upWwDRXWExeaQHtn1hclXyRN8BdBjMwjEhBoaobq9kuGGb2VwbyEiho7iBeRR9alvqFeAGRxJ81apCg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE6kOszmjV0CPx6ycdbMdoq38CzxTwaHLWsM7GxD+QjQAiBFvGCPfF4nVl5JndxtLU6zak1IKt0HGFofFYzaPyD4ag=="}]},"maintainers":[{"name":"yonatanmn","email":"yonatanmn@gmail.com"}]},"0.4.1":{"name":"auto-prefixer","version":"0.4.1","description":"react autoPrefixer","main":"dist/react-inline-auto-prefixer.js","scripts":{"test":"gulp","test-browser":"gulp test-browser","build":"gulp build","coverage":"gulp coverage"},"repository":{"type":"git","url":"git+https://github.com/yonatanmn/react-inline-auto-prefixer.git"},"keywords":["react","inline style","auto","prefix","autoprefixer","autoprefix","flex"],"author":{"name":"Yonatan Schreiber","email":"yonatanmn@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/yonatanmn/react-inline-auto-prefixer/issues"},"homepage":"https://github.com/yonatanmn/react-inline-auto-prefixer","devDependencies":{"babel-core":"^5.2.17","babel-eslint":"^4.0.5","babel-runtime":"^5.8.20","babelify":"^6.0.0","browserify":"^11.0.1","chai":"^3.2.0","del":"^1.1.1","esperanto":"^0.7.4","glob":"^5.0.14","gulp":"^3.9.0","gulp-babel":"^5.0.0","gulp-eslint":"^1.0.0","gulp-file":"^0.2.0","gulp-filter":"^3.0.0","gulp-istanbul":"^0.10.0","gulp-jscs":"^2.0.0","gulp-livereload":"^3.4.0","gulp-load-plugins":"^0.10.0","gulp-mocha":"^2.0.0","gulp-notify":"^2.1.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.0","gulp-sourcemaps":"^1.3.0","gulp-uglify":"^1.2.0","isparta":"^3.0.3","mocha":"^2.3.2","run-sequence":"^1.0.2","sinon":"^1.12.2","sinon-chai":"^2.7.0","vinyl-buffer":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^3.3.1"},"babelBoilerplateOptions":{"entryFileName":"react-inline-auto-prefixer","mainVarName":"autoprefixer","mochaGlobals":["stub","spy","expect"]},"gitHead":"d4d8d6d96f4d1b2383c324ad13822854b3d39210","_id":"auto-prefixer@0.4.1","_shasum":"f56def8b31f6076001f92638c2dae6f2fba8ed0d","_from":".","_npmVersion":"2.14.3","_nodeVersion":"4.1.0","_npmUser":{"name":"yonatanmn","email":"yonatanmn@gmail.com"},"dist":{"shasum":"f56def8b31f6076001f92638c2dae6f2fba8ed0d","tarball":"https://registry.npmjs.org/auto-prefixer/-/auto-prefixer-0.4.1.tgz","integrity":"sha512-m/LHcjBPnPVO3/+2wNtYt+T5wGTHpnZ/dSXCUxgUPGiqgo5JJAJzLlMCoWdUQt4Uway1cTooCZl2B2lDz+iPJA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCIQqQlpIaN68Ve7wzAQqN19+DVxtguW+XfK3KGZTd3RwIgOn6gjwKBOjW3BcpUeRuv+hXNEXRyi+4aK4iZ9a4Y2T8="}]},"maintainers":[{"name":"yonatanmn","email":"yonatanmn@gmail.com"}]},"0.4.2":{"name":"auto-prefixer","version":"0.4.2","description":"react autoPrefixer","main":"dist/react-inline-auto-prefixer.js","scripts":{"test":"gulp","test-browser":"gulp test-browser","build":"gulp build","coverage":"gulp coverage"},"repository":{"type":"git","url":"git+https://github.com/yonatanmn/react-inline-auto-prefixer.git"},"keywords":["react","inline style","auto","prefix","autoprefixer","autoprefix","flex"],"author":{"name":"Yonatan Schreiber","email":"yonatanmn@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/yonatanmn/react-inline-auto-prefixer/issues"},"homepage":"https://github.com/yonatanmn/react-inline-auto-prefixer","devDependencies":{"babel-core":"^5.2.17","babel-eslint":"^4.0.5","babel-runtime":"^5.8.20","babelify":"^6.0.0","browserify":"^11.0.1","chai":"^3.2.0","del":"^1.1.1","esperanto":"^0.7.4","glob":"^5.0.14","gulp":"^3.9.0","gulp-babel":"^5.0.0","gulp-eslint":"^1.0.0","gulp-file":"^0.2.0","gulp-filter":"^3.0.0","gulp-istanbul":"^0.10.0","gulp-jscs":"^2.0.0","gulp-livereload":"^3.4.0","gulp-load-plugins":"^0.10.0","gulp-mocha":"^2.0.0","gulp-notify":"^2.1.0","gulp-plumber":"^1.0.1","gulp-rename":"^1.2.0","gulp-sourcemaps":"^1.3.0","gulp-uglify":"^1.2.0","isparta":"^3.0.3","mocha":"^2.3.2","run-sequence":"^1.0.2","sinon":"^1.12.2","sinon-chai":"^2.7.0","vinyl-buffer":"^1.0.0","vinyl-source-stream":"^1.0.0","watchify":"^3.3.1"},"babelBoilerplateOptions":{"entryFileName":"react-inline-auto-prefixer","mainVarName":"autoprefixer","mochaGlobals":["stub","spy","expect"]},"gitHead":"d4d8d6d96f4d1b2383c324ad13822854b3d39210","_id":"auto-prefixer@0.4.2","_shasum":"f961c7d81904573ae0182e7158fcd96782dcde57","_from":".","_npmVersion":"2.14.3","_nodeVersion":"4.1.0","_npmUser":{"name":"yonatanmn","email":"yonatanmn@gmail.com"},"dist":{"shasum":"f961c7d81904573ae0182e7158fcd96782dcde57","tarball":"https://registry.npmjs.org/auto-prefixer/-/auto-prefixer-0.4.2.tgz","integrity":"sha512-CqXEbEfTNRG2hugs1/O2gqgULWtZd/FLo6lmEpJ1/ZufmFF3VQ5JTvLAP+5mMCPetnlkL6u5T195+TVjYGyjkQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIUFxVaiP6sqCAEk32bF5yKckmTHKKDnYcw0jysTL/qAIhAIy7a+d5/Y0aTEZzH40/DWcLa0X1iqJjVOjsqPOKyB4q"}]},"maintainers":[{"name":"yonatanmn","email":"yonatanmn@gmail.com"}]}},"homepage":"https://github.com/yonatanmn/react-inline-auto-prefixer","keywords":["react","inline style","auto","prefix","autoprefixer","autoprefix","flex"],"repository":{"type":"git","url":"git+https://github.com/yonatanmn/react-inline-auto-prefixer.git"},"author":{"name":"Yonatan Schreiber","email":"yonatanmn@gmail.com"},"bugs":{"url":"https://github.com/yonatanmn/react-inline-auto-prefixer/issues"},"license":"MIT","readmeFilename":"README.md"}