Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
autoprefixer-core
Advanced tools
autoprefixer-core - npm Package Compare versions
Comparing version 5.2.1 to 6.0.0
518
CHANGELOG.md
@@ -1,516 +0,2 @@ | ||
| ## 5.2.1 | ||
| * Fix parent-less node issue on some cases (by Josh Gillies) | ||
| ## 5.2 “Dont tread on me” | ||
| * Add `appearance` support. | ||
| * Warn users on old gradient direction or flexbox syntax. | ||
| * Add `add: false` option to disable new prefixes adding. | ||
| * Make Autoprefixer 30% faster. | ||
| * Use PostCSS 4.1 plugin API. | ||
| * Add prefixes for `pixelated` instead of `crisp-edges` in `image-rendering`. | ||
| * Do not add `::placeholder` prefixes for `:placeholder-shown`. | ||
| * Fix `text-decoration` prefixes. | ||
| * `autoprefixer.process()` was deprecated. Use PostCSS API. | ||
| ## 5.1.11 | ||
| * Update num2fraction to fix resolution media quuery (by 一丝). | ||
| ## 5.1.10 | ||
| * Do not generate `-webkit-image-rendering`. | ||
| ## 5.1.9 | ||
| * Fix DynJS compatibility (by Nick Howes). | ||
| ## 5.1.8 | ||
| * Fix gradients in `mask` and `mask-image` properties. | ||
| * Fix old webkit prefix on some unsupported gradients. | ||
| ## 5.1.7 | ||
| * Fix placeholder selector (by Vincent De Oliveira). | ||
| ## 5.1.6 | ||
| * Use official `::placeholder-shown` selector (by Vincent De Oliveira). | ||
| ## 5.1.5 | ||
| * Add transition support for CSS Masks properties. | ||
| ## 5.1.4 | ||
| * Use `-webkit-` prefix for Opera Mobile 24. | ||
| ## 5.1.3 | ||
| * Add IE support for `image-rendering: crisp-edges`. | ||
| ## 5.1.2 | ||
| * Add never existed `@-ms-keyframes` to common mistake. | ||
| ## 5.1.1 | ||
| * Safer value split in `flex` hack. | ||
| ## 5.1 “Jianyuan” | ||
| * Add support for resolution media query (by 一丝). | ||
| * Higher accuracy while removing prefixes in values. | ||
| * Add support for logical properties (by 一丝). | ||
| * Add `@viewport` support. | ||
| * Add `text-overflow` support (by 一丝). | ||
| * Add `text-emphasis` support (by 一丝). | ||
| * Add `image-rendering: crisp-edges` support. | ||
| * Add `text-align-last` support. | ||
| * Return `autoprefixer.defaults` as alias to current `browserslist.defaults`. | ||
| * Save code style while adding prefixes to `@keyframes` and `@viewport`. | ||
| * Do not remove `-webkit-background-clip` with non-spec `text` value. | ||
| * Fix `-webkit-filter` in `transition`. | ||
| * Better support for browser versions joined on Can I Use | ||
| like `ios_saf 7.0-7.1` (by Vincent De Oliveira). | ||
| * Fix compatibility with `postcss-import` (by Jason Kuhrt). | ||
| * Fix Flexbox prefixes for BlackBerry and UC Browser. | ||
| * Fix gradient prefixes for old Chrome. | ||
| ## 5.0 “Pravda vítězí” | ||
| * Use PostCSS 4.0. | ||
| * Use Browserslist to parse browsers queries. | ||
| * Use global `browserslist` config. | ||
| * Add `> 5% in US` query to select browsers by usage in some country. | ||
| * Add `object-fit` and `object-position` properties support. | ||
| * Add CSS Shape properties support. | ||
| * Fix UC Browser name in debug info. | ||
| * Remove `autoprefixer.defaults` and use defaults from Browserslist. | ||
| ## 4.0.2 | ||
| * Remove `o-border-radius`, which is common mistake in legacy CSS. | ||
| ## 4.0.1 | ||
| * Fix `@supports` support with brackets in values (by Vincent De Oliveira). | ||
| ## 4.0 “Indivisibiliter ac Inseparabiliter” | ||
| * Become 2.5 times fatser by new PostCSS 3.0 parser. | ||
| * Do not remove outdated prefixes by `remove: false` option. | ||
| * `map.inline` and `map.sourcesContent` options are now `true` by default. | ||
| * Add `box-decoration-break` support. | ||
| * Do not add old `-webkit-` prefix for gradients with `px` units. | ||
| * Use previous source map to show origin source of CSS syntax error. | ||
| * Use `from` option from previous source map `file` field. | ||
| * Set `to` value to `from` if `to` option is missing. | ||
| * Trim Unicode BOM on source maps parsing. | ||
| * Parse at-rules without spaces like `@import"file"`. | ||
| * Better previous `sourceMappingURL` annotation comment cleaning. | ||
| * Do not remove previous `sourceMappingURL` comment on `map.annotation: false`. | ||
| ## 3.1.2 | ||
| * Update Firefox ESR version from 24 to 31. | ||
| ## 3.1.1 | ||
| * Use Flexbox 2009 spec for Android stock browser < 4.4. | ||
| ## 3.1 “Satyameva Jayate” | ||
| * Do not remove comments from prefixed values (by Eitan Rousso). | ||
| * Allow Safari 6.1 to use final Flexbox spec (by John Kreitlow). | ||
| * Fix `filter` value in `transition` in Webkits. | ||
| * Show greetings if your browsers don’t require any prefixes. | ||
| * Add `<=` and `<` browsers requirement (by Andreas Lind). | ||
| ## 3.0.1 | ||
| * Fix `autoprefixer.postcss` in callbacks. | ||
| ## 3.0 “Liberté, Égalité, Fraternité” | ||
| * Project was split to autoprefixer (with CLI) and autoprefixer-core. | ||
| * `autoprefixer()` now receives only `options` object with `browsers` key. | ||
| * GNU format for syntax error messages from PostCSS 2.2. | ||
| ## 2.2 “Mobilis in mobili” | ||
| * Allow to disable Autoprefixer for some rule by control comment. | ||
| * Use PostCSS 2.1 with Safe Mode option and broken source line | ||
| in CSS syntax error messages. | ||
| ## 2.1.1 | ||
| * Fix `-webkit-background-size` hack for `contain` and `cover` values. | ||
| * Don’t add `-webkit-` prefix to `filter` with SVG (by Vincent De Oliveira). | ||
| ## 2.1 “Eleftheria i thanatos” | ||
| * Add support for `clip-path` and `mask` properties. | ||
| * Return `-webkit-` prefix to `filter` with SVG URI. | ||
| ## 2.0.2 | ||
| * Add readable names for new browsers from 2.0 release. | ||
| * Don’t add `-webkit-` prefix to `filter` with SVG URI. | ||
| * Don’t add `-o-` prefix 3D transforms. | ||
| ## 2.0.1 | ||
| * Save declaration style, when clone declaration to prefix. | ||
| ## 2.0 “Hongik Ingan” | ||
| * Based on PostCSS 1.0. | ||
| See [options changes](https://github.com/postcss/postcss/releases/tag/1.0.0). | ||
| * Restore visual cascade after declaration removing. | ||
| * Enable visual cascade by default. | ||
| * Prefix declareation in `@supports` at-rule conditions. | ||
| * Add all browsers from Can I Use: `ie_mob`, `and_chr`, `and_ff`, | ||
| `op_mob` and `op_mini`. | ||
| * Allow to use latest Autoprefixer from GitHub by npm. | ||
| * Add `--no-cascade`, `--annotation` and `--sources-content` options to binary. | ||
| ## 1.3.1 | ||
| * Fix gradient hack, when `background` property contains color. | ||
| ## 1.3 “Tenka Fubu” | ||
| * Add `text-size-adjust` support. | ||
| * Add `background-size` to support Android 2. | ||
| ## 1.2 “Meiji” | ||
| * Use Can I Use data from official `caniuse-db` npm package. | ||
| * Remove package data update from binary. | ||
| * Use increment value instead of current date in minor versions. | ||
| ## 1.1 “Nutrisco et extingo” | ||
| * Add source map annotation comment support. | ||
| * Add inline source map support. | ||
| * Autodetect previous source map. | ||
| * Fix source maps support on Windows. | ||
| * Fix source maps support in subdirectory. | ||
| * Prefix selector even if it is already prefixed by developer. | ||
| * Add option `cascade` to create nice visual cascade of prefixes. | ||
| * Fix flexbox support for IE 10 (by Roland Warmerdam). | ||
| * Better `break-inside` support. | ||
| * Fix prefixing, when two same properties are near. | ||
| ### 20140222: | ||
| * Add `touch-action` support. | ||
| ### 20140226: | ||
| * Chrome 33 is moved to released versions. | ||
| * Add Chrome 36 data. | ||
| ### 20140302: | ||
| * Add `text-decoration-*` properties support. | ||
| * Update browsers usage statistics. | ||
| * Use new PostCSS version. | ||
| ### 20140319: | ||
| * Check already prefixed properties after current declaration. | ||
| * Normalize spaces before already prefixed check. | ||
| * Firefox 28 is moved to released versions. | ||
| * Add Firefox 31 data. | ||
| * Add some Blackberry data. | ||
| ### 20140327: | ||
| * Don’t use `-ms-transform` in `@keyframes`, because IE 9 doesn’t support | ||
| animations. | ||
| * Update BlackBerry 10 data. | ||
| ### 20140403: | ||
| * Update browsers usage statistics. | ||
| * Opera 20 is moved to released versions. | ||
| * Add Opera 22 data. | ||
| ### 20140410: | ||
| * Chrome 34 is moved to released versions. | ||
| * Add Chrome 37 data. | ||
| * Fix Chrome 36 data. | ||
| ### 20140429: | ||
| * Fix `display: inline-flex` support by 2009 spec. | ||
| * Fix old WebKit gradient converter (by Sergey Belov). | ||
| * Fix CSS 3 cursors data (by Nick Schonning). | ||
| ### 20140430: | ||
| * Separate 2D and 3D transform prefixes to clean unnecessary `-ms-` prefixes. | ||
| * Firefox 29 is moved to released versions. | ||
| * Add Firefox 32 data. | ||
| ### 20140510 | ||
| * Do not add `-ms-` prefix for `transform` with 3D functions. | ||
| * Update browsers global usage statistics. | ||
| ### 20140512 | ||
| * Remove unnecessary `-moz-` prefix for `wavy` in `text-decoration`. | ||
| * Update Safari data for font properties. | ||
| ### 20140521 | ||
| * Chrome 36 is moved to released versions. | ||
| * Add Chrome 38 data. | ||
| ### 20140523 | ||
| * Opera 21 is moved to released versions. | ||
| * Add Opera 23 data. | ||
| ### 20140605 | ||
| * Allow to parse gradients without space between color and position. | ||
| * Add iOS 8, Safari 8 and Android 4.4.3 data. | ||
| * Update browsers usage statistics. | ||
| ## 1.0 “Plus ultra” | ||
| * Source map support. | ||
| * Save origin indents and code formatting. | ||
| * Change CSS parser to PostCSS. | ||
| * Preserve vendor-prefixed properties put right after unprefixed ones. | ||
| * Rename `compile()` to `process()` and return result object, | ||
| instead of CSS string. | ||
| * Rename `inspect()` to `info()`. | ||
| * Add in binary `-d` option to specify output directory. | ||
| * Binary now will not concat output files. | ||
| * Allow to select last versions for specified browser. | ||
| * Add full browser names aliases: `firefox`, `explorer` and `blackberry`. | ||
| * Ignore case in browser names. | ||
| * Change license to MIT. | ||
| * Add prefixes inside custom at-rules. | ||
| * Add only necessary prefixes to selector inside prefixed at-rule. | ||
| * Safer backgrounds list parser in gradient hack. | ||
| * Prefix `@keyframes` inside `@media`. | ||
| * Don’t prefix values for CSS3 PIE properties. | ||
| * Binary now shows file name in syntax error. | ||
| * Use browserify to build standalone version. | ||
| ### 20131225: | ||
| * Fix deprecated API convertor. | ||
| * Add `::placeholder` support for Firefix >= 18. | ||
| * Fix vendor prefixes order. | ||
| ### 20140103: | ||
| * Add `-webkit-` prefix for `sticky` position. | ||
| * Update browsers popularity statistics. | ||
| ### 20140109: | ||
| * Add selectors and at-rules sections to debug info. | ||
| * Fix outdated prefixes cleaning. | ||
| ### 20140110: | ||
| * Add `Firefox ESR` browser requirement. | ||
| * Opera 18 is moved to released versions. | ||
| * Add Opera 20 data. | ||
| ### 20140117: | ||
| * Chrome 32 is moved to released versions. | ||
| * Add Opera 34 data. | ||
| ### 20140130: | ||
| * Fix flexbox properties names in transitions. | ||
| * Add Chrome 35 and Firefox 29 data. | ||
| ### 20140203: | ||
| * Android 4.4 stock browser and Opera 19 are moved to released versions. | ||
| * Add Opera 21 data. | ||
| * Update browsers usage statistics. | ||
| ### 20140213: | ||
| * Add case insensitive to IE’s filter hack (by Dominik Schilling). | ||
| * Improve selector prefixing in some rare cases (by Simon Lydell). | ||
| * Firefox 27 is moved to released versions. | ||
| * Add Firefox 30 data. | ||
| ## 0.8 “Unbowed, Unbent, Unbroken” | ||
| * Add more browsers to defaults ("> 1%, last 2 versions, ff 17, opera 12.1" | ||
| instead of just "last 2 browsers"). | ||
| * Keep vendor prefixes without unprefixed version (like vendor-specific hacks). | ||
| * Convert gradients to old WebKit syntax (actual for Android 2.3). | ||
| * Better support for several syntaxes with one prefix (like Flexbox and | ||
| gradients in WebKit). | ||
| * Add intrinsic and extrinsic sizing values support. | ||
| * Remove never existed prefixes from common mistakes (like -ms-transition). | ||
| * Add Opera 17 data. | ||
| * Fix selector prefixes order. | ||
| * Fix browser versions order in inspect. | ||
| ### 20130903: | ||
| * Fix old WebKit gradients convertor on rgba() colors. | ||
| * Allow to write old direction syntax in gradients. | ||
| ### 20130906: | ||
| * Fix direction syntax in radial gradients. | ||
| * Don’t prefix IE filter with modern syntax. | ||
| ### 20130911: | ||
| * Fix parsing property name with spaces. | ||
| ### 20130919: | ||
| * Fix processing custom framework prefixes (by Johannes J. Schmidt). | ||
| * Concat outputs if several files compiled to one output. | ||
| * Decrease standalone build size by removing unnecessary Binary class. | ||
| * iOS 7 is moved to released versions. | ||
| * Clean up binary code (by Simon Lydell). | ||
| ### 20130923: | ||
| * Firefox 24 is moved to released versions. | ||
| ### 20131001: | ||
| * Add support for grab, grabbing, zoom-in and zoom-out cursor values. | ||
| ### 20131006: | ||
| * Chrome 30 is moved to released versions. | ||
| ### 20131007: | ||
| * Don’t add another prefixes in rule with prefixed selector. | ||
| ### 20131009: | ||
| * Opera 17 is moved to released versions. | ||
| ### 20131015: | ||
| * Fix converting multiple gradients to old webkit syntax (by Aleksei Androsov). | ||
| ### 20131017: | ||
| * Fix @host at-rule parsing. | ||
| ### 20131020: | ||
| * IE 11 and Andrid 4.3 is moved to released versions. | ||
| * Add Opera 18 data. | ||
| * Add @namespace support. | ||
| * Sort browser versions in data file. | ||
| ### 20131029: | ||
| * Add Safari 6.1 data. | ||
| * Add fx alias for Firefox. | ||
| ### 20131104: | ||
| * Update Android future version to 4.4. | ||
| * Google Chrome 32 added to future versions list. | ||
| * Firefox 25 now is actual version, 27 and 28 added to future versions. | ||
| * Browsers statistics are updated. | ||
| ### 20131205: | ||
| * Google Chrome 33 added to future releases list. | ||
| * Google Chrome 31 moved to current releases list. | ||
| ### 20131209: | ||
| * Use old webkit gradients for old iOS and Safari (by Chad von Nau). | ||
| * Fix direction conversion for old webkit gradients (by Chad von Nau). | ||
| * Update browsers popularity statistics. | ||
| ### 20131213: | ||
| * Firefox ESR in default browsers was changed to 24 version. | ||
| * Firefox 26 was moved to current releases list. | ||
| * Firefox 28 was added to future releases list. | ||
| ## 0.7 “We Do Not Sow” | ||
| * Add vendor prefixes to selectors. | ||
| * Add ::selection and ::placeholder selectors support. | ||
| * Allow to load support data from Can I Use pull requests. | ||
| * Remove deprecated API. | ||
| ### 20130806: | ||
| * Add hyphens support. | ||
| ### 20130807: | ||
| * Add tab-size support. | ||
| * Add :fullscreen support. | ||
| ### 20130808: | ||
| * Allow to select browser versions by > and >= operator. | ||
| * Fix flex properties in transition. | ||
| ### 20130810: | ||
| * Add Firefox 25 data. | ||
| ### 20130824: | ||
| * Add Chrome 31 and 30 data. | ||
| * Fix CSS comments parsing (by vladkens). | ||
| ## 0.6 “As High As Honor” | ||
| * New faster API, which cache preprocessed data. Old API is deprecated. | ||
| * A lot of perfomance improvements. | ||
| * Add Opera 15 -webkit- prefix support. | ||
| * Update Chrome 29 and Safari 7 prefixes data. | ||
| * Add minor browsers in popularity select. | ||
| * Better syntax error messages. | ||
| ### 20130721: | ||
| * Add Chrome 30 data. | ||
| ### 20130728: | ||
| * Don’t remove non-standard -webkit-background-clip: text. | ||
| * Don’t remove IE hack on CSS parse. | ||
| ### 20130729: | ||
| * Add Opera 16 data. | ||
| * Fix “Invalid range in character class” error on Firefox. | ||
| ### 20130730: | ||
| * Fix correct clone comments inside keyframes (by Alexey Plutalov). | ||
| * Fix angle recalculation in gradients (by Roman Komarov). | ||
| ### 20130731: | ||
| * Add border-image support. | ||
| ## 0.5 “Ours is the Fury” | ||
| * Rewrite Autoprefixer to be more flexible. | ||
| * Use css, instead of Rework, to fix CSS parsing errors faster. | ||
| * Fix a lot of CSS parsing errors. | ||
| ### 20130616: | ||
| * More useful message for CSS parsing errors. | ||
| * Remove old WebKit gradient syntax. | ||
| * Fix parsing error on comment with braces. | ||
| ### 20130617: | ||
| * Remove old Mozilla border-radius. | ||
| * Don’t prefix old IE filter. | ||
| * Remove old background-clip, background-size and background-origin prefixes. | ||
| * Speed up regexps in values. | ||
| * Allow to hack property declarations. | ||
| ### 20130625: | ||
| * Convert flexbox properties to 2009 and 2012 specifications. | ||
| * Improve messages on syntax errors. | ||
| ### 20130626: | ||
| * Add Firefox 24 data. | ||
| * Add prefixes for font-feature-settings. | ||
| ### 20130629: | ||
| * Fix convert flex properties to old box-flex. | ||
| ## 0.4 “Winter Is Coming” | ||
| * Remove outdated prefixes. | ||
| * Add border-radius and box-shadow properties to database. | ||
| * Change degrees in webkit gradients. | ||
| ### 20130515: | ||
| * Add old syntax in gradient direction. | ||
| * Add old syntax for display: flex. | ||
| * Update browser global usage statistics. | ||
| ### 20130521: | ||
| * Add Firefox 23 data. | ||
| ### 20130524: | ||
| * Add Chrome 29 data. | ||
| ### 20130528: | ||
| * Fix compatibilty with Rework from git master. | ||
| * Add minor browsers to data, which can be selected only directly. | ||
| ### 20130530: | ||
| * Add Opera 15 and iOS 6.1 data. | ||
| * Fix iOS versions in properties and values data. | ||
| ### 20130603: | ||
| * Use latest Rework 0.15 with a lot of CSS parsing fixes. | ||
| * Update browsers usage statistics. | ||
| ## 0.3 “Growing Strong” | ||
| * Rename `autoprefixer.filter()` to `autoprefixer.rework()`. | ||
| * Use own filters instead of Rework’s `prefix` and `prefixValue`. | ||
| * Smarter value prefixer without false match “order” in “border”. | ||
| * 40% faster. | ||
| * Don’t add unnecessary properties instead of Rework’s `prefixValue`. | ||
| * Don’t change properties order. | ||
| * Sort properties and values in inspect output. | ||
| * Add main to component config (by Jonathan Ong). | ||
| * Fix documentation (by Sergey Leschina and Mark Vasilkov). | ||
| ### 20130424: | ||
| * Fix value override in prefixer. | ||
| ### 20130427: | ||
| * Prefix several same values in one property. | ||
| * Fix Windows support in binary. | ||
| * Improve print errors in binary. | ||
| ### 20130502: | ||
| * Don’t add -webkit- prefix to IE filter. | ||
| * Don’t duplicate prefixes on second run. | ||
| ## 0.2 “Hear Me Roar!” | ||
| * Update parse libraries. | ||
| * Use component package manager to build standalone script. | ||
| * Add inspect to standalone script. | ||
| ## 0.1 “Fire and Blood” | ||
| * Initial release. | ||
| ## 6.0 | ||
| * Initial release after projects join. |
| { | ||
| "name": "autoprefixer-core", | ||
| "version": "5.2.1", | ||
| "description": "CLI-less core of Autoprefixer to use in plugins", | ||
| "keywords": [ | ||
| "autoprefixer", | ||
| "css", | ||
| "prefix", | ||
| "postcss", | ||
| "postcss-plugin" | ||
| ], | ||
| "author": "Andrey Sitnik <andrey@sitnik.ru>", | ||
| "license": "MIT", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/postcss/autoprefixer-core.git" | ||
| }, | ||
| "dependencies": { | ||
| "browserslist": "~0.4.0", | ||
| "num2fraction": "^1.1.0", | ||
| "caniuse-db": "^1.0.30000214", | ||
| "postcss": "~4.1.12" | ||
| }, | ||
| "devDependencies": { | ||
| "vinyl-source-stream": "1.1.0", | ||
| "gulp-json-editor": "2.2.1", | ||
| "gulp-replace": "0.5.3", | ||
| "gulp-eslint": "0.14.0", | ||
| "gulp-coffee": "2.3.1", | ||
| "gulp-mocha": "2.1.2", | ||
| "browserify": "10.2.4", | ||
| "fs-extra": "0.20.0", | ||
| "should": "7.0.1", | ||
| "mocha": "2.2.5", | ||
| "gulp": "3.9.0", | ||
| "coffee-script": "1.9.3" | ||
| }, | ||
| "scripts": { | ||
| "test": "gulp" | ||
| }, | ||
| "main": "lib/autoprefixer" | ||
| } | ||
| "name": "autoprefixer-core", | ||
| "version": "6.0.0", | ||
| "description": "autoprefixer-core was depreacted, use autoprefixer", | ||
| "author": "Andrey Sitnik <andrey@sitnik.ru>", | ||
| "license": "MIT", | ||
| "repository": "ai/autoprefixer-core", | ||
| "dependencies": { | ||
| "autoprefixer": "^6.0.0" | ||
| } | ||
| } |
193
README.md
@@ -1,190 +0,7 @@ | ||
| # Autoprefixer Core [![Build Status][ci-img]][ci] | ||
| #### `autoprefixer-core` was deprecated, use `autoprefixer` instead | ||
| <img align="right" width="94" height="71" | ||
| src="http://postcss.github.io/autoprefixer/logo.svg" | ||
| title="Autoprefixer logo by Anton Lovchikov"> | ||
| Packages `autoprefixer` and `autoprefixer-core` was merged in 6.0 release. | ||
| So please replace `autoprefixer-core` to `autoprefixer` in your `package.json` | ||
| and code. | ||
| [PostCSS] plugin to parse CSS and add vendor prefixes using values | ||
| from [Can I Use]. | ||
| This is core package to build Autoprefixer plugin for some environment | ||
| (like [grunt‑autoprefixer]). For end-user documentation, features | ||
| and plugins list visit [main Autoprefixer] project. | ||
| <a href="https://evilmartians.com/?utm_source=autoprefixer-core"> | ||
| <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54"> | ||
| </a> | ||
| [grunt‑autoprefixer]: https://github.com/nDmitry/grunt-autoprefixer | ||
| [main Autoprefixer]: https://github.com/postcss/autoprefixer | ||
| [Can I Use]: http://caniuse.com/ | ||
| [PostCSS]: https://github.com/postcss/postcss | ||
| [ci-img]: https://travis-ci.org/postcss/autoprefixer-core.svg | ||
| [ci]: https://travis-ci.org/postcss/autoprefixer-core | ||
| ## Quick Example | ||
| Write your CSS rules without vendor prefixes (in fact, forget about them | ||
| entirely): | ||
| ```css | ||
| :fullscreen a { | ||
| display: flex | ||
| } | ||
| ``` | ||
| Process your CSS by Autoprefixer: | ||
| ```js | ||
| var autoprefixer = require('autoprefixer-core'); | ||
| var postcss = require('postcss'); | ||
| postcss([ autoprefixer ]).process(css).then(function (result) { | ||
| result.warnings().forEach(function (warn) { | ||
| console.warn(warn.toString()); | ||
| }); | ||
| console.log(result.css); | ||
| }); | ||
| ``` | ||
| It will use the data based on current browser popularity and property support | ||
| to apply prefixes for you: | ||
| ```css | ||
| :-webkit-full-screen a { | ||
| display: -webkit-box; | ||
| display: -webkit-flex; | ||
| display: flex | ||
| } | ||
| :-moz-full-screen a { | ||
| display: flex | ||
| } | ||
| :-ms-fullscreen a { | ||
| display: -ms-flexbox; | ||
| display: flex | ||
| } | ||
| :fullscreen a { | ||
| display: -webkit-box; | ||
| display: -webkit-flex; | ||
| display: -ms-flexbox; | ||
| display: flex | ||
| } | ||
| ``` | ||
| ## Usage | ||
| To process your CSS you need to make 3 steps: | ||
| 1. Build plugin for your options and browsers supported in your project. | ||
| 2. Add this plugin to PostCSS processor. | ||
| 2. Process CSS through this processor. | ||
| Function `autoprefixer(options)` returns new PostCSS plugin: | ||
| ```js | ||
| var plugin = autoprefixer({ browsers: ['> 1%', 'IE 7'], cascade: false }); | ||
| ``` | ||
| There are 4 options: | ||
| * `browsers` (array): list of browsers, which are supported in your project. | ||
| You can directly specify browser version (like `iOS 7`) or use selections | ||
| (like `last 2 version` or `> 5%`). See [Browserslist docs] for available | ||
| queries and default value. | ||
| * `cascade` (boolean): should Autoprefixer uses [Visual Cascade], | ||
| if CSS is uncompressed. Default: `true` | ||
| * `add` (boolean): should Autoprefixer add prefixes. Default is `true`. | ||
| * `remove` (boolean): should Autoprefixer [remove outdated] prefixes. | ||
| Default is `true`. | ||
| Plugin object has `info()` method for [debug purpose]. | ||
| You can use PostCSS processor to process several CSS files | ||
| to increase perfomance. | ||
| See [PostCSS API] for plugin usage documentation. | ||
| See all [PostCSS Runner Guidelines] for best practices. | ||
| [PostCSS Runner Guidelines]: https://github.com/postcss/postcss/blob/master/docs/guidelines/runner.md | ||
| [Browserslist docs]: https://github.com/ai/browserslist | ||
| [remove outdated]: https://github.com/postcss/autoprefixer/#outdated-prefixes | ||
| [Visual Cascade]: https://github.com/postcss/autoprefixer#visual-cascade | ||
| [debug purpose]: #debug | ||
| [PostCSS API]: https://github.com/postcss/postcss/blob/master/docs/api.md | ||
| ## CSS Processing | ||
| Method `process(css, opts)` from Autoprefixer processor is a PostCSS’s method. | ||
| You must set `from` and `to` options with file names to generates corrects | ||
| source maps and useful error messages. | ||
| Options: | ||
| * `from` (path): file path to origin CSS files. | ||
| * `to` (path): file path to future CSS file, which will | ||
| contain processed CSS with prefixes. | ||
| * `safe` (boolean): enables [Safe Mode] in PostCSS. By default `false`. | ||
| * `map` contains options for source maps: | ||
| * `inline: false` to force save map to separated file, instead of inline it | ||
| to CSS in special comment by base64. | ||
| * `prev` (string or object): map content from previous processing step | ||
| (like Sass compilation). | ||
| If you set `map: false`, PostCSS will remove source map. | ||
| You can read more about the source map options in [PostCSS documentation]. | ||
| [PostCSS documentation]: https://github.com/postcss/postcss#source-map | ||
| [Safe Mode]: https://github.com/postcss/postcss#safe-mode | ||
| ## PostCSS Chain | ||
| You parse CSS only once and then process it through array of PostCSS processors. | ||
| For example, you can use [gulp-postcss]: | ||
| ```js | ||
| var postcss = require('gulp-postcss'); | ||
| var sourcemaps = require('gulp-sourcemaps'); | ||
| gulp.task('css', function () { | ||
| var processors = [ | ||
| require('autoprefixer')('last 1 version'), | ||
| require('css-mqpacker'), | ||
| require('csswring') | ||
| ]; | ||
| return gulp.src('./src/style.css') | ||
| .pipe(sourcemaps.init()) | ||
| .pipe(postcss(processors)) | ||
| .pipe(sourcemaps.write('.')) | ||
| .pipe(gulp.dest('./dest')); | ||
| }); | ||
| ``` | ||
| [gulp-postcss]: https://github.com/w0rm/gulp-postcss | ||
| ## Safe Mode | ||
| PostCSS has a special safe mode to parse broken CSS. If you set the `safe: true` | ||
| option to the `process` method, it will parse `a {` as `a {}`: | ||
| ```js | ||
| autoprefixer.process('a {'); // will throw “Unclosed block” | ||
| autoprefixer.process('a {', { safe: true }); // will process as a closed block | ||
| ``` | ||
| It is useful for legacy code when using several hacks, or interactive | ||
| tools with live input, like [Autoprefixer demo]. | ||
| [Autoprefixer demo]: http://simevidas.jsbin.com/gufoko/quiet | ||
| ## Debug | ||
| You can check which browsers are selected and which properties will be prefixed: | ||
| ```js | ||
| info = autoprefixer({ browsers: ['last 1 version'] }).info(); | ||
| console.log(info); | ||
| ``` | ||
| This project is a migration helper for first time. It just load `autoprefixer`. |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Deprecated
MaintenanceThe maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Trivial Package
Supply chain riskPackages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.
Found 1 instance in 1 package
No repository
Supply chain riskPackage does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Dependency count
- decreased by-75%
1
- Dev dependency count
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-99.32%
977
- Number of package files
- decreased by-88.46%
6
- Lines of code
- decreased by-99.94%
2
- Number of medium maintenance alerts
- increased byInfinity%
1
- Number of lines in readme file
- decreased by-95.81%
8
- Number of low supply chain risk alerts
- increased byInfinity%
1
- Number of medium supply chain risk alerts
- increased byInfinity%
2
Dependency changes
+ Addedautoprefixer@^6.0.0
+ Addedansi-regex@2.1.1(transitive)
+ Addedansi-styles@2.2.1(transitive)
+ Addedautoprefixer@6.7.7(transitive)
+ Addedbrowserslist@1.7.7(transitive)
+ Addedchalk@1.1.3(transitive)
+ Addedelectron-to-chromium@1.5.55(transitive)
+ Addedescape-string-regexp@1.0.5(transitive)
+ Addedhas-ansi@2.0.0(transitive)
+ Addedhas-flag@1.0.0(transitive)
+ Addedjs-base64@2.6.4(transitive)
+ Addednormalize-range@0.1.2(transitive)
+ Addedpostcss@5.2.18(transitive)
+ Addedpostcss-value-parser@3.3.1(transitive)
+ Addedsource-map@0.5.7(transitive)
+ Addedstrip-ansi@3.0.1(transitive)
+ Addedsupports-color@2.0.03.2.3(transitive)
- Removedbrowserslist@~0.4.0
- Removedcaniuse-db@^1.0.30000214
- Removednum2fraction@^1.1.0
- Removedpostcss@~4.1.12
- Removedamdefine@1.0.1(transitive)
- Removedbrowserslist@0.4.0(transitive)
- Removedes6-promise@2.3.0(transitive)
- Removedjs-base64@2.1.9(transitive)
- Removedpostcss@4.1.16(transitive)
- Removedsource-map@0.4.4(transitive)