Update autoprefixer to the latest version 🚀

[greenkeeper]

Version 7.2.0 of autoprefixer was just published.

Dependency	autoprefixer
Current Version	7.1.6
Type	devDependency

The version 7.2.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

7.2 “Ordem e Progresso”

Autoprefixer 7.2 brings better Grid support for IE
and autoprefixer-info CLI tool.

Grid Layout

With grid: true option Autoprefixer adds -ms- prefixes to Grid Layout properties. But this feature was very limited.

In 7.0 we dramatically improved Grid support for IE. @Alex7Kom added grid-area and improved grid-row and grid-column support. @evgeny-petukhov added grid-template-areas and grid-template support.

Even this complex emoji example will work with new Autoprefixer (output):

body {
    display: grid;
    grid-template-rows: auto 300px;
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "🎩 🎩"
                         "🍔 📰"
                         "👞 👞";
}
header {
    grid-area: 🎩;
}
nav {
    grid-area: 🍔;
}
main {
    grid-area: 📰;
}
footer {
    grid-area: 👞;
}

Just don’t forget to set grid: true option:

auoprefixer({ grid: true })

Info CLI Tool

Autoprefixer 7.2 ships with new CLI tool to check which browsers are selected and which properties will be prefixed.

Just go to your project directory and run npx autoprefixer-info:

Browsers:
  Edge: 16
These browsers account for 0.04% of all users globally
At-Rules:

@viewport: ms
Selectors:

::placeholder: ms
Properties:

user-select: ms

hyphens: ms

appearance: webkit

scroll-snap-type: ms

scroll-snap-coordinate: ms

scroll-snap-destination: ms

scroll-snap-points-x: ms

scroll-snap-points-y: ms

flow-into: ms

flow-from: ms

region-fragment: ms

text-spacing: ms

Also, @pdokas added default value (current working dir) for from option in autoprefixer.info().

Other Changes

• Add wrong radial-gradient properties warning.
• Do not prefix reverse animation direction.
• Improve test coverage (by @Semigradsky).

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 🌴

[coveralls]

Coverage remained the same at 100.0% when pulling 0a2f16a on greenkeeper/autoprefixer-7.2.0 into a69bde1 on master.

[coveralls]

Coverage remained the same at 100.0% when pulling 0a2f16a on greenkeeper/autoprefixer-7.2.0 into a69bde1 on master.

[greenkeeper]

Version 7.2.1 just got published.

Update to this version instead 🚀

Release Notes

7.2.1

• Fix IE and other old JS runtimes support.