Update autoprefixer to the latest version 🚀

[greenkeeper]

Version 7.0.0 of autoprefixer just got published.

Dependency	autoprefixer
Current Version	6.7.7
Type	dependency

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

Without accepting this pull request your project will work just like it did before. There might be a bunch of new features, fixes and perf improvements that the maintainers worked on for you though.

I recommend you look into these changes and try to get onto the latest version of autoprefixer.
Given that you have a decent test suite, a passing build is a strong indicator that you can take advantage of these changes by merging the proposed change into your project. Otherwise this branch is a great starting point for you to work on the update.

---

Release Notes

7.0 “Coelestem adspicit lucem”

Autoprefixer 7.0 uses PostCSS 6.0, Browserslist 2.0 and caniuse-lite.

Browserslist 2.0

Browserslist 2.0 and caniuse-lite by @ben-eb are the main changes in Autoprefixer 7.0. We wrote an article about these changes:

> Autoprefixer 7.0 and Browserslist 2.0

Breaking Changes

Node.js stopped 0.12 support in January 01. So PostCSS dropped Node.js 0.12 from all tests. Please update your Node.js version to 4.0 or 7.0.

IE has very basic support of Grid Layout. So Autoprefixer added -ms- prefixes and change property syntax. Unfortunately, IE supports a really small subset of Grid Layout. So prefixes were not really useful. This is why we disabled Grid Layout prefixes by default. But you still can enable it:

autoprefixer({ grid: true })

Babel

Autoprefixer was one of the biggest CoffeeScript projects. We thought to rewrite it, but reasons were small, and work was big. But @Semigradsky used great decaffeinate tool for automatically CoffeeScript → ES6 converting, and now all Autoprefixer sources are written in JS.

PostCSS 6.0

New PostCSS uses stream parser and uses less memory. Also, it uses less space in node_modules.

Other Changes

• Use ^ for Browserslist dependencies, instead of ~.
• Fix -ms-grid-column-align.
• Move tests to Jest.

Not sure how things should work exactly?

There is a collection of frequently asked questions and of course you may always ask my humans.

---

Your Greenkeeper Bot 🌴

[codecov]

Codecov Report

Merging #79 into master will decrease coverage by 0.49%.
The diff coverage is n/a.

@@            Coverage Diff            @@
##           master      #79     +/-   ##
=========================================
- Coverage    12.8%   12.31%   -0.5%     
=========================================
  Files          40       40             
  Lines        1015     1015             
=========================================
- Hits          130      125      -5     
- Misses        885      890      +5

Impacted Files	Coverage Δ
src/commands/index.js	75.75% <0%> (-15.16%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update fe5bfde...8b9ff27. Read the comment docs.

[greenkeeper]

Version 7.0.1 just got published.

Update to this version instead 🚀

Release Notes

7.0.1

• Fix Autoprefixer for old JS runtimes.

[greenkeeper]

Version 7.1.0 just got published.

Update to this version instead 🚀

Release Notes

7.1 “Universitas litterarum”

Autoprefixer 7.1 brings unicode-bidi support, -webkit-appearance to Edge and fix intrinsic widths prefixes in Grid Layout.

unicode-bidi

Autoprefixer 7.1 will add prefixes for isolate, plaintext and isolate-override values in unicode-bidi:

.foo {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate;
}

Edge and -webkit-appearance

Prefixes sometime could be very strange. Edge started to support appearance property with a prefix. But because of many only-for-Safari websites it supports -webkit-appearance instead of -ms-appearance.

Autoprefixer 7.1 knows it and will generate -webkit-appearance even if you set only "last 1 Edge version" in browserslist config.

Intrinsic Widths

min-content, stretch and other Intrinsic sizes was fixed in grid-template-columns and other Grid Layout properties.

.foo {
  grid-template-columns: minmax(100px, -webkit-min-content);
  grid-template-columns: minmax(100px, min-content);
}

Browserslist in info()

By accident Browserslist 1 loaded config from current working dir if file path was missed. In Browserslist 2 we fixed it and now you must specify path to file in explicit way.

It is not a problem for Autoprefixer user, because Autoprefixer takes CSS file path from PostCSS.
But autoprefixer.info() stopped to load conifg in 7.0. In 7.1 we added from option to info().

Set the path to your CSS file and info() will show what prefixes and why it will added to this CSS file:

autoprefixer.info({ from: './scr/app.css' })
//=> Browsers:
//     Chrome: 58
//
//   These browsers account for 1.68% of all users globally
//
//   Selectors:
//     :fullscreen: webkit
//   …

[greenkeeper]

Version 7.1.1 just got published.

Update to this version instead 🚀

Release Notes

7.1.1

• Remove non--webkit- intrinsic prefixes in Grid Layout (by @yisibl).

[greenkeeper]

Version 7.1.2 just got published.

Update to this version instead 🚀

Release Notes

7.1.2

• Fix text-decoration shortcut support.

[greenkeeper]

Version 7.1.3 just got published.

Update to this version instead 🚀

[greenkeeper]

Version 7.1.4 just got published.

Update to this version instead 🚀

[greenkeeper]

Version 7.1.5 just got published.

Update to this version instead 🚀

Release Notes

7.1.5

• Fix ::placeholder prefix for Edge.
• Fix inherit/initial/unset values for flex-direction.
• Fix RegExp usage in gradients (by @YetAnotherMinion).

[greenkeeper]

Version 7.1.6 just got published.

Update to this version instead 🚀

Release Notes

7.1.6

• Add warning for using browserslist option instead of browsers.
• Add warning for multiple control comments in the same scope.
• Fix Invalid array length error during indent changes.

[greenkeeper]

Version 7.2.0 just got published.

Update to this version instead 🚀

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).

[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.

[greenkeeper]

Version 7.2.2 just got published.

Update to this version instead 🚀

Release Notes

7.2.2

• Fix _autoprefixerDisabled is undefined issue.

[greenkeeper]

Version 7.2.3 just got published.

Update to this version instead 🚀

Release Notes

7.2.3

• Fix grid-template-areas in @media (by @evgeny-petukhov).

[greenkeeper]

Version 7.2.4 just got published.

Update to this version instead 🚀

Release Notes

7.2.4

Fix IE 10 support

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 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.

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.6.0.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.6.1.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.6.2.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.6.3.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.6.4.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.6.5.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.0.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.1.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.2.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.3.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.4.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.5.

Update to this version instead 🚀

[greenkeeper]

• The dependency autoprefixer was updated from 6.7.7 to 9.7.6.

Update to this version instead 🚀

[greenkeeper]

---

🚨 Reminder! Less than one month left to migrate your repositories over to Snyk before Greenkeeper says goodbye on June 3rd! 💜 🚚💨 💚

Find out how to migrate to Snyk at greenkeeper.io

---

• The dependency autoprefixer was updated from 6.7.7 to 9.8.0.

Update to this version instead 🚀