Update autoprefixer to the latest version 🚀

[greenkeeper]

Version 9.0.0 of autoprefixer was just published.

Dependency	autoprefixer
Current Version	8.6.5
Type	dependency

The version 9.0.0 is not covered by your current version range.

If you don’t accept this pull request, your project will work just like it did before. However, you might be missing out on a bunch of new features, fixes and/or performance improvements from the dependency update.

It might be worth looking into these changes and trying to get this project onto the latest version of autoprefixer.

If you have a solid test suite and good coverage, a passing build is a strong indicator that you can take advantage of these changes directly by merging the proposed change into your project. If the build fails or you don’t have such unconditional trust in your tests, this branch is a great starting point for you to work on the update.

---

Release Notes

9.0 “A Mari Usque Ad Mare”

Autoprefixer 9.0 brings Browserslist 4.0 and drops Node.js 4 support.

Breaking Changes

We removed Node.js 4 and Node.js 9 support since it doesn’t have security updates anymore.

We removed IE and “dead” browsers (without security updates) from Babel’s targets:

last 2 version
not dead
not Explorer 11
not ExplorerMobile 11
node 10
node 8
node 6

Autoprefixer Rails 9.0 dropped the RubyRacer and Sprockets 3 support.

Browserslist 4.0

Autoprefixer 9.0 uses Browserslist 4.0 to get your target browsers.

Now you use Browserslist to specify Node.js versions. Babel 7 will use Browserslist config as well.

Also, Browserslist 4.0 will warn you if you didn’t update Can I Use DB for last than 6 month.

PostCSS 7.0

Autoprefixer 9.0 uses PostCSS 7.0

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper bot 🌴

[greenkeeper]

Version 9.0.1 just got published.

Update to this version instead 🚀

Release Notes

9.0.1

• Fix nested at-rules in Grid prefixes (by @ivandata)

[greenkeeper]

Version 9.0.2 just got published.

Update to this version instead 🚀

Release Notes

9.0.2

• Show warning on Grid area names conflict (by @bogdan0083).
• Fix documentation (by @svewag).

[greenkeeper]

Version 9.1.0 just got published.

Update to this version instead 🚀

Release Notes

9.1 “Equality before the law”

Autoprefixer 9.1 brings background-clip: text and fix span in IE Grid.

Background Clip

background-clip: text beome to be the standard and got Edge support. So we added it to Autoprefixer:

.title {
  background: linear-gradient(yellow, red);
   -webkit-background-clip: text;
           background-clip: text;
}

Note, that Edge expect -webkit- prefix for this property.

Grid Layout Fix

@bogdan0083 fixed an issue when media-query override some grid-template.

[greenkeeper]

Version 9.1.1 just got published.

Update to this version instead 🚀

Release Notes

9.1.1

• Retain grid-gap through @media (by @bogdan0083).
• Fix grid-template and @media (by @bogdan0083).
• Fix Grid areas searching error (by @@bogdan0083).
• Fix span X Grid prefix (by @@bogdan0083).
• Fix docs (by @halfzebra).

[greenkeeper]

Version 9.1.2 just got published.

Update to this version instead 🚀

Release Notes

9.1.2

• Fix autoprefixer --info in new Node.js.

[greenkeeper]

Version 9.1.4 just got published.

Update to this version instead 🚀

Release Notes

9.1.4

• Use Babel 7.

[greenkeeper]

Version 9.1.5 just got published.

Update to this version instead 🚀

Release Notes

9.1.5

• Remove @babel/register from dependencies.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.2.0.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.2.1.

Update to this version instead 🚀

Release Notes for 9.2.1

• Fix broken AST.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.3.0.

Update to this version instead 🚀

Release Notes for 9.3 “Labor omnia vincit”

Autoprefixer 9.3 brings place-self support for Grid Layout

place-self

@Dan503 and @bogdan0083 found a way to impement support for another Grid property

.grid > .center {
  place-self: center;
}

.grid > .center {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
}

Other Changes

@Dan503 and @bogdan0083 also detect and fixed issue with Grid row/column span inheritance.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.3.1.

Update to this version instead 🚀

Release Notes for 9.3.1

• Fix Grid prefixes with repeat() value (by @bogdan0083).

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.0.

Update to this version instead 🚀

Release Notes for 9.4 “Advance Australia”

Autoprefixer 9.4.0 brings limited autoplacement support to the IE CSS Grid.

Grid Autoplacement

If the grid option is set to "autoplace", limited autoplacement support is now added to the Autoprefixer CSS Grid translations. You can also use the /* autoprefixer grid: autoplace */ control comment to enable autoplacement directly in your CSS.

In order to use the new autoplacement feature, you must define both rows and columns when declaring the grid template.

/* Input CSS */
/ autoprefixer grid: autoplace /
.autoplacement-example {

display: grid;

grid-template-columns: 1fr 1fr;

grid-template-rows: auto auto;

grid-gap: 20px;

}

/* Output CSS */
/ autoprefixer grid: autoplace /
.autoplacement-example {

display: -ms-grid;

display: grid;

-ms-grid-columns: 1fr 20px 1fr;

grid-template-columns: 1fr 1fr;

-ms-grid-rows: auto 20px auto;

grid-template-rows: auto auto;

grid-gap: 20px;

}
.autoplacement-example > *:nth-child(1) {

-ms-grid-row: 1;

-ms-grid-column: 1;

}
.autoplacement-example > *:nth-child(2) {

-ms-grid-row: 1;

-ms-grid-column: 3;

}
.autoplacement-example > *:nth-child(3) {

-ms-grid-row: 3;

-ms-grid-column: 1;

}
.autoplacement-example > *:nth-child(4) {

-ms-grid-row: 3;

-ms-grid-column: 3;

}

Autoplacement support in Autoprefixer is currently very limited in what it can do. Please read the Grid Autoplacement support in IE section before using this new feature.

Thanks to @bogdan0083 for implementing the new feature, @Dan503 for documenting it, and @evandiamond for coming up with the initial idea.

Other Changes

• Remove some unnecessary warnings for Grid (by @fanich37).

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.1.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.2.

Update to this version instead 🚀

Release Notes for 9.4.2

• Fix Grid autoplacement warning.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.3.

Update to this version instead 🚀

Release Notes for 9.4.3

• Add warning to force flex-start instead of start (by @aduh95).
• Fix docs (by @coliff).

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.4.

Update to this version instead 🚀

Release Notes for 9.4.4

• Use direction value for -ms-writing-mode (by @webschik).
• Fix warning text (by @zzzzBov).

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.5.

Update to this version instead 🚀

Release Notes for 9.4.5

• Fix text-decoration-skip-ink support.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.8.

Update to this version instead 🚀

Release Notes for 9.4.8

• Fix calc() support in Grid gap.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.9.

Update to this version instead 🚀

Release Notes for 9.4.9

• Fix grid-template and @media case (by @bogdan0083).

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.4.10.

Update to this version instead 🚀

Release Notes for 9.4.10

• Add warning for named Grid rows.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.5.0.

Update to this version instead 🚀

Release Notes for 9.5 “Draco dormiens nunquam titillandus”

Autoprefixer 9.5 brings mask-composite support.

a {
  mask-composite: add;
}
b {
  mask: url(intersect.png) intersect, url(exclude.png);
}

a {
  -webkit-mask-composite: source-over;
          mask-composite: add;
}
b {
  -webkit-mask: url(intersect.png), url(exclude.png);
  -webkit-mask-composite: source-in, xor;
          mask: url(intersect.png) intersect, url(exclude.png);
}

Thanks to @semeleven for implementation and @iamvdo for suggestion.

[greenkeeper]

• The dependency autoprefixer was updated from 8.6.5 to 9.5.1.

Update to this version instead 🚀

Release Notes for 9.5.1

• Fix backdrop-filter for Edge (by @AleshaOleg).
• Fix min-resolution media query support in Firefox < 16.