autoprefixer 9.1.5 → 9.3.1

package/CHANGELOG.md

@@ -1,6 +1,24 @@
 # Change Log
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## 9.3.1
+* Fix Grid prefixes with `repeat()` value (by Bogdan Dolin).
+
+## 9.3 “Labor omnia vincit”
+* Add `place-self` support (by Bogdan Dolin).
+* Fix Grid row/column span inheritance bug (by Bogdan Dolin).
+
+## 9.2.1
+* Fix broken AST.
+
+## 9.2 “Onyi est glavnaya krepost”
+* Add `/* autoprefixer grid: on */` control comment (by Andrey Alexandrov).
+* Add duplicate `grid-area` support (by Bogdan Dolin).
+* Fix `grid-gap` support for rules with different specifity (by Bogdan Dolin).
+* Disable Grid in `@supports` at-rule with non-supported Grid features.
+* Improve Grid warnings (by Daniel Tonon).
+* Improve docs (by Joshua Hall, Mat Gadd, Roy Revelt, and Ivan).
+
 ## 9.1.5
 * Remove `@babel/register` from dependencies.
 
@@ -510,46 +528,46 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Better `break-inside` support.
 * Fix prefixing, when two same properties are near.
 
-### 20140222:
+### 20140222
 * Add `touch-action` support.
 
-### 20140226:
+### 20140226
 * Chrome 33 is moved to released versions.
 * Add Chrome 36 data.
 
-### 20140302:
+### 20140302
 * Add `text-decoration-*` properties support.
 * Update browsers usage statistics.
 * Use new PostCSS version.
 
-### 20140319:
+### 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:
+### 20140327
 * Don’t use `-ms-transform` in `@keyframes`, because IE 9 doesn’t support
   animations.
 * Update BlackBerry 10 data.
 
-### 20140403:
+### 20140403
 * Update browsers usage statistics.
 * Opera 20 is moved to released versions.
 * Add Opera 22 data.
 
-### 20140410:
+### 20140410
 * Chrome 34 is moved to released versions.
 * Add Chrome 37 data.
 * Fix Chrome 36 data.
 
-### 20140429:
+### 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:
+### 20140430
 * Separate 2D and 3D transform prefixes to clean unnecessary `-ms-` prefixes.
 * Firefox 29 is moved to released versions.
 * Add Firefox 32 data.
@@ -597,38 +615,38 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Binary now shows file name in syntax error.
 * Use browserify to build standalone version.
 
-### 20131225:
+### 20131225
 * Fix deprecated API convertor.
 * Add `::placeholder` support for Firefix >= 18.
 * Fix vendor prefixes order.
 
-### 20140103:
+### 20140103
 * Add `-webkit-` prefix for `sticky` position.
 * Update browsers popularity statistics.
 
-### 20140109:
+### 20140109
 * Add selectors and at-rules sections to debug info.
 * Fix outdated prefixes cleaning.
 
-### 20140110:
+### 20140110
 * Add `Firefox ESR` browser requirement.
 * Opera 18 is moved to released versions.
 * Add Opera 20 data.
 
-### 20140117:
+### 20140117
 * Chrome 32 is moved to released versions.
 * Add Opera 34 data.
 
-### 20140130:
+### 20140130
 * Fix flexbox properties names in transitions.
 * Add Chrome 35 and Firefox 29 data.
 
-### 20140203:
+### 20140203
 * Android 4.4 stock browser and Opera 19 are moved to released versions.
 * Add Opera 21 data.
 * Update browsers usage statistics.
 
-### 20140213:
+### 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.
@@ -647,71 +665,71 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Fix selector prefixes order.
 * Fix browser versions order in inspect.
 
-### 20130903:
+### 20130903
 * Fix old WebKit gradients convertor on rgba() colors.
 * Allow to write old direction syntax in gradients.
 
-### 20130906:
+### 20130906
 * Fix direction syntax in radial gradients.
 * Don’t prefix IE filter with modern syntax.
 
-### 20130911:
+### 20130911
 * Fix parsing property name with spaces.
 
-### 20130919:
+### 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:
+### 20130923
 * Firefox 24 is moved to released versions.
 
-### 20131001:
+### 20131001
 * Add support for grab, grabbing, zoom-in and zoom-out cursor values.
 
-### 20131006:
+### 20131006
 * Chrome 30 is moved to released versions.
 
-### 20131007:
+### 20131007
 * Don’t add another prefixes in rule with prefixed selector.
 
-### 20131009:
+### 20131009
 * Opera 17 is moved to released versions.
 
-### 20131015:
+### 20131015
 * Fix converting multiple gradients to old webkit syntax (by Aleksei Androsov).
 
-### 20131017:
+### 20131017
 * Fix @host at-rule parsing.
 
-### 20131020:
+### 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:
+### 20131029
 * Add Safari 6.1 data.
 * Add fx alias for Firefox.
 
-### 20131104:
+### 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:
+### 20131205
 * Google Chrome 33 added to future releases list.
 * Google Chrome 31 moved to current releases list.
 
-### 20131209:
+### 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:
+### 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.
@@ -722,21 +740,21 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Allow to load support data from Can I Use pull requests.
 * Remove deprecated API.
 
-### 20130806:
+### 20130806
 * Add hyphens support.
 
-### 20130807:
+### 20130807
 * Add tab-size support.
 * Add :fullscreen support.
 
-### 20130808:
+### 20130808
 * Allow to select browser versions by > and >= operator.
 * Fix flex properties in transition.
 
-### 20130810:
+### 20130810
 * Add Firefox 25 data.
 
-### 20130824:
+### 20130824
 * Add Chrome 31 and 30 data.
 * Fix CSS comments parsing (by vladkens).
 
@@ -748,22 +766,22 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Add minor browsers in popularity select.
 * Better syntax error messages.
 
-### 20130721:
+### 20130721
 * Add Chrome 30 data.
 
-### 20130728:
+### 20130728
 * Don’t remove non-standard -webkit-background-clip: text.
 * Don’t remove IE hack on CSS parse.
 
-### 20130729:
+### 20130729
 * Add Opera 16 data.
 * Fix “Invalid range in character class” error on Firefox.
 
-### 20130730:
+### 20130730
 * Fix correct clone comments inside keyframes (by Alexey Plutalov).
 * Fix angle recalculation in gradients (by Roman Komarov).
 
-### 20130731:
+### 20130731
 * Add border-image support.
 
 ## 0.5 “Ours is the Fury”
@@ -771,27 +789,27 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Use css, instead of Rework, to fix CSS parsing errors faster.
 * Fix a lot of CSS parsing errors.
 
-### 20130616:
+### 20130616
 * More useful message for CSS parsing errors.
 * Remove old WebKit gradient syntax.
 * Fix parsing error on comment with braces.
 
-### 20130617:
+### 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:
+### 20130625
 * Convert flexbox properties to 2009 and 2012 specifications.
 * Improve messages on syntax errors.
 
-### 20130626:
+### 20130626
 * Add Firefox 24 data.
 * Add prefixes for font-feature-settings.
 
-### 20130629:
+### 20130629
 * Fix convert flex properties to old box-flex.
 
 ## 0.4 “Winter Is Coming”
@@ -799,26 +817,26 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Add border-radius and box-shadow properties to database.
 * Change degrees in webkit gradients.
 
-### 20130515:
+### 20130515
 * Add old syntax in gradient direction.
 * Add old syntax for display: flex.
 * Update browser global usage statistics.
 
-### 20130521:
+### 20130521
 * Add Firefox 23 data.
 
-### 20130524:
+### 20130524
 * Add Chrome 29 data.
 
-### 20130528:
+### 20130528
 * Fix compatibilty with Rework from git master.
 * Add minor browsers to data, which can be selected only directly.
 
-### 20130530:
+### 20130530
 * Add Opera 15 and iOS 6.1 data.
 * Fix iOS versions in properties and values data.
 
-### 20130603:
+### 20130603
 * Use latest Rework 0.15 with a lot of CSS parsing fixes.
 * Update browsers usage statistics.
 
@@ -833,15 +851,15 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 * Add main to component config (by Jonathan Ong).
 * Fix documentation (by Sergey Leschina and Mark Vasilkov).
 
-### 20130424:
+### 20130424
 * Fix value override in prefixer.
 
-### 20130427:
+### 20130427
 * Prefix several same values in one property.
 * Fix Windows support in binary.
 * Improve print errors in binary.
 
-### 20130502:
+### 20130502
 * Don’t add -webkit- prefix to IE filter.
 * Don’t duplicate prefixes on second run.
 

package/README.md

@@ -53,21 +53,20 @@ Twitter account for news and releases: [@autoprefixer].
 ## Browsers
 
 Autoprefixer uses [Browserslist], so you can specify the browsers
-you want to target in your project by queries like `> 5%`
+you want to target in your project with queries like `> 5%`
 (see [Best Practices]).
 
-The best way to provide browsers is `.browserslistrc` config
-or `package.json` with `browserslist` key. Put it in your project root.
+The best way to provide browsers is a `.browserslistrc` file in your project
+root, or by adding a `browserslist` key to your `package.json`.
 
-We recommend to avoid Autoprefixer option and use `.browserslistrc` config
-or `package.json`. In this case browsers will be shared with other tools
-like [babel-preset-env] or [Stylelint].
+We recommend the use of these options over passing options to Autoprefixer so
+that the config can be shared with other tools such as [babel-preset-env] and
+[Stylelint].
 
-See [Browserslist docs] for queries, browser names, config format,
-and default value.
+See [Browserslist docs] for queries, browser names, config format, and defaults.
 
 [Browserslist docs]: https://github.com/ai/browserslist#queries
-[babel-preset-env]:  https://github.com/babel/babel-preset-env
+[babel-preset-env]:  https://github.com/babel/babel/tree/master/packages/babel-preset-env
 [Best Practices]:    https://github.com/browserslist/browserslist#best-practices
 [Browserslist]:      https://github.com/ai/browserslist
 [Stylelint]:         http://stylelint.io/
@@ -77,19 +76,18 @@ and default value.
 
 #### Does Autoprefixer polyfill Grid Layout for IE?
 
-Autoprefixer can be used to use Grid Layout for IE 10 and IE 11.
-But this polyfill will not work in 100 % cases.
-This is why it is disabled by default.
+Autoprefixer can be used to use Grid Layout for IE 10 and IE 11, but this
+polyfill will not work in 100% of cases. This is why it is disabled by default.
 
-First, you need to enable Grid prefixes by `grid: true` option.
+First, you need to enable Grid prefixes by `grid: true` option or `/* autoprefixer grid: on */` comment.
 
-Second, you need to test every fix with Grid in IE. It is not,
-enable and forget feature. But it is still very useful.
+Second, you need to test every fix with Grid in IE. It is not an enable and
+forget feature, but it is still very useful.
 Financial Times and Yandex use it in production.
 
-Third, there is not auto placement and all grid cell position must be set
-explicitly. However, Autoprefixer can covert even `grid-template`
-and `grid-gap` (but only when they are together).
+Third, there is no auto placement, so all grid cell positions must be set
+explicitly. Autoprefixer _can_ covert `grid-template` and `grid-gap`, but only
+when both are used together.
 
 ```css
 .page {
@@ -132,19 +130,18 @@ See also:
 Many other tools contain Autoprefixer. For example, webpack uses Autoprefixer
 to minify CSS by cleaning unnecessary prefixes.
 
-If you set browsers list to Autoprefixer by `browsers` option, only first
-Autoprefixer will know your browsers. Autoprefixer inside webpack will use
-default browsers list. As result, webpack will remove prefixes, that first
-Autoprefixer added.
+If you pass your browsers to Autoprefixer using its `browsers` option, the other
+tools will use their own config, leading webpack to remove the prefixes that
+the first Autoprefixer added.
 
-You need to put your browsers to [`browserslist` config] in project root —
-as result all tools (Autoprefixer, cssnano, doiuse, cssnext) will use same
-browsers list.
+To avoid this, ensure you use either the [browserslist config file] or
+`browsers` key in your `package.json`, so that all tools (Autoprefixer,
+cssnano, doiuse, cssnext, etc) use the same browsers list.
 
-[`browserslist` config]: https://github.com/ai/browserslist#config-file
+[browserslist config file]: https://github.com/ai/browserslist#config-file
 
 
-#### What is unprefixed version for `-webkit-min-device-pixel-ratio`?
+#### What is the unprefixed version of `-webkit-min-device-pixel-ratio`?
 
 ```css
 @media (min-resolution: 2dppx) {
@@ -194,16 +191,13 @@ Developers are often surprised by how few prefixes are required today.
 If Autoprefixer doesn’t add prefixes to your CSS, check if they’re still
 required on [Can I Use].
 
-There is a [list with all supported] properties, values, and selectors.
+[Can I Use]: http://caniuse.com/
 
-[list with all supported]: https://github.com/postcss/autoprefixer/wiki/support-list
-[Can I Use]:               http://caniuse.com/
 
+#### Why does Autoprefixer use unprefixed properties in `@-webkit-keyframes`?
 
-#### Why Autoprefixer uses unprefixed properties in `@-webkit-keyframes`?
-
-Browser teams can remove some prefixes before others. So we try to use
-all combinations of prefixed/unprefixed values.
+Browser teams can remove some prefixes before others, so we try to use all
+combinations of prefixed/unprefixed values.
 
 
 #### How to work with legacy `-webkit-` only code?
@@ -212,7 +206,7 @@ Autoprefixer needs unprefixed property to add prefixes. So if you only
 wrote `-webkit-gradient` without W3C’s `gradient`,
 Autoprefixer will not add other prefixes.
 
-But [PostCSS] has a plugins to convert CSS to unprefixed state.
+But [PostCSS] has plugins to convert CSS to unprefixed state.
 Use [postcss-unprefix] before Autoprefixer.
 
 [postcss-unprefix]: https://github.com/gucong3000/postcss-unprefix
@@ -221,13 +215,19 @@ Use [postcss-unprefix] before Autoprefixer.
 #### Does Autoprefixer add `-epub-` prefix?
 
 No, Autoprefixer works only with browsers prefixes from Can I Use.
-But you can use [postcss-epub](https://github.com/Rycochet/postcss-epub)
+But you can use [postcss-epub]
 for prefixing ePub3 properties.
 
+[postcss-epub]: https://github.com/Rycochet/postcss-epub
+
 
 #### Why doesn’t Autoprefixer transform generic font-family `system-ui`?
 
-`system-ui` is technically not a prefix and the transformation is not future-proof. But you can use [postcss-font-family-system-ui](https://github.com/JLHwung/postcss-font-family-system-ui) to transform `system-ui` to a practical font-family list.
+`system-ui` is technically not a prefix and the transformation is not
+future-proof. You can use [postcss-font-family-system-ui] to transform
+`system-ui` to a practical font-family list.
+
+[postcss-font-family-system-ui]: https://github.com/JLHwung/postcss-font-family-system-ui
 
 
 ## Usage
@@ -253,8 +253,8 @@ gulp.task('autoprefixer', function () {
 With `gulp-postcss` you also can combine Autoprefixer
 with [other PostCSS plugins].
 
-[other PostCSS plugins]: https://github.com/postcss/postcss#plugins
 [gulp-postcss]:          https://github.com/postcss/gulp-postcss
+[other PostCSS plugins]: https://github.com/postcss/postcss#plugins
 
 
 ### Webpack
@@ -391,7 +391,7 @@ See `postcss -h` for help.
 ### JavaScript
 
 You can use Autoprefixer with [PostCSS] in your Node.js application
-or if you want to develop an Autoprefixer plugin for new environment.
+or if you want to develop an Autoprefixer plugin for a new environment.
 
 ```js
 var autoprefixer = require('autoprefixer');
@@ -405,7 +405,7 @@ postcss([ autoprefixer ]).process(css).then(function (result) {
 });
 ```
 
-There is also [standalone build] for the browser or as a non-Node.js runtime.
+There is also a [standalone build] for the browser or for a non-Node.js runtime.
 
 You can use [html-autoprefixer] to process HTML with inlined CSS.
 
@@ -418,26 +418,26 @@ You can use [html-autoprefixer] to process HTML with inlined CSS.
 
 Autoprefixer should be used in assets build tools. Text editor plugins are not
 a good solution, because prefixes decrease code readability and you will need
-to change value in all prefixed properties.
+to change values in all prefixed properties.
 
 I recommend you to learn how to use build tools like [Gulp].
 They work much better and will open you a whole new world of useful plugins
-and automatization.
+and automation.
 
-But, if you can’t move to a build tool, you can use text editor plugins:
+If you can’t move to a build tool, you can use text editor plugins:
 
 * [Sublime Text](https://github.com/sindresorhus/sublime-autoprefixer)
 * [Brackets](https://github.com/mikaeljorhult/brackets-autoprefixer)
 * [Atom Editor](https://github.com/sindresorhus/atom-autoprefixer)
-* [Visual Studio](http://vswebessentials.com/)
+* [Visual Studio](https://github.com/madskristensen/WebCompiler)
 
 [Gulp]:  http://gulpjs.com/
 
 
 ## Warnings
 
-Autoprefixer uses the [PostCSS warning API] to warn about really important problems
-in your CSS:
+Autoprefixer uses the [PostCSS warning API] to warn about really important
+problems in your CSS:
 
 * Old direction syntax in gradients.
 * Old unprefixed `display: box` instead of `display: flex`
@@ -451,7 +451,7 @@ result.warnings().forEach(function (warn) {
 });
 ```
 
-Every Autoprefixer runner should display this warnings.
+Every Autoprefixer runner should display these warnings.
 
 [PostCSS warning API]: https://github.com/postcss/postcss/blob/master/docs/api.md#warning-class
 
@@ -471,14 +471,16 @@ a {
 }
 ```
 
-If some prefixes were generated in a wrong way,
-please create an issue on GitHub.
+If some prefixes were generated incorrectly, please create an [issue on GitHub].
+
+[issue on GitHub]: https://github.com/postcss/autoprefixer/issues
 
 
 ### Features
 
-You can use these plugin options to disable some of the Autoprefixer's features.
+You can use these plugin options to disable some of Autoprefixer’s features.
 
+* `grid: true` will enable `-ms-` prefixes for Grid Layout.
 * `supports: false` will disable `@supports` parameters prefixing.
 * `flexbox: false` will disable flexbox properties prefixing.
   Or `flexbox: "no-2009"` will add prefixes only for final and IE
@@ -499,26 +501,27 @@ you can use control comments to disable Autoprefixer.
 
 ```css
 .a {
-    transition: 1s; /* it will be prefixed */
+    transition: 1s; /* will be prefixed */
 }
 
 .b {
     /* autoprefixer: off */
-    transition: 1s; /* it will not be prefixed */
+    transition: 1s; /* will not be prefixed */
 }
 
 .c {
     /* autoprefixer: ignore next */
-    transition: 1s; /* it will not be prefixed */
-    mask: url(image.png); /* it will be prefixed */
+    transition: 1s; /* will not be prefixed */
+    mask: url(image.png); /* will be prefixed */
 }
 ```
 
-There are two types of control comments:
+There are three types of control comments:
 
 * `/* autoprefixer: off */` disable the whole block *before* and after comment.
 * `/* autoprefixer: ignore next */` disable only next property
   or next rule selector or at-rule parameters (but not rule/at‑rule body).
+* `/* autoprefixer grid: on */` enable grid option. Use `off` to disable this option.
 
 You can also use comments recursively:
 
@@ -535,7 +538,7 @@ You can also use comments recursively:
 
 ## Options
 
-Function `autoprefixer(options)` returns new PostCSS plugin.
+Function `autoprefixer(options)` returns a new PostCSS plugin.
 See [PostCSS API] for plugin usage documentation.
 
 ```js
@@ -556,7 +559,8 @@ Available options are:
   properties. With `"no-2009"` value Autoprefixer will add prefixes only
   for final and IE versions of specification. Default is `true`.
 * `grid` (boolean): should Autoprefixer add IE prefixes for Grid Layout
-  properties. Default is `false`.
+  properties. Default is `false`. You can also use `/* autoprefixer grid: on */`
+  comment in CSS.
 * `stats` (object): custom [usage statistics] for `> 10% in my stats`
   browsers query.
 * `browsers` (array): list of queries for target browsers. Try to not use it.

package/data/prefixes.js

@@ -328,23 +328,10 @@ f(require('caniuse-lite/data/features/css-selection'), function (browsers) {
 }); // Placeholder selector
 
 f(require('caniuse-lite/data/features/css-placeholder'), function (browsers) {
-  browsers = browsers.map(function (i) {
-    var _i$split = i.split(' '),
-        name = _i$split[0],
-        version = _i$split[1];
-
-    if (name === 'firefox' && parseFloat(version) <= 18) {
-      return i + ' old';
-    } else if (name === 'ie') {
-      return i + ' old';
-    } else {
-      return i;
-    }
-  });
   prefix(['::placeholder'], {
     selector: true,
     feature: 'css-placeholder',
-    browsers: browsers
+    browsers: browsers.concat(['ie 10 old', 'ie 11 old', 'firefox 18 old'])
   });
 }); // Hyphenation
 
@@ -638,7 +625,7 @@ f(grid, function (browsers) {
     feature: 'css-grid',
     browsers: browsers
   });
-  prefix(['grid-template-columns', 'grid-template-rows', 'grid-row-start', 'grid-column-start', 'grid-row-end', 'grid-column-end', 'grid-row', 'grid-column', 'grid-area', 'grid-template', 'grid-template-areas'], {
+  prefix(['grid-template-columns', 'grid-template-rows', 'grid-row-start', 'grid-column-start', 'grid-row-end', 'grid-column-end', 'grid-row', 'grid-column', 'grid-area', 'grid-template', 'grid-template-areas', 'place-self'], {
     feature: 'css-grid',
     browsers: browsers
   });

package/lib/browsers.js

@@ -29,7 +29,7 @@ function () {
     return this.prefixesCache;
   };
   /**
-     * Check is value contain any possibe prefix
+     * Check is value contain any possible prefix
      */