An in-range update of autoprefixer is breaking the build 🚨 about react-hackernews

[greenkeeper]

After pinning to 9.3.1 your tests are still failing. The reported issue might not affect your project. These imprecisions are caused by inconsistent test results.

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.0 to 9.4.1.

Your tests are still failing with this version. Compare changes

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.1 to 9.4.2.

Your tests are still failing with this version. Compare changes

Release Notes for 9.4.2

• Fix Grid autoplacement warning.

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.2 to 9.4.3.

Your tests are still failing with this version. Compare changes

Release Notes for 9.4.3

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

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.3 to 9.4.4.

Your tests are still failing with this version. Compare changes

Release Notes for 9.4.4

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

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.4 to 9.4.5.

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

Release Notes for 9.4.5

• Fix text-decoration-skip-ink support.

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.7 to 9.4.8.

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

Release Notes for 9.4.8

• Fix calc() support in Grid gap.

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.8 to 9.4.9.

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

Release Notes for 9.4.9

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

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.9 to 9.4.10.

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

Release Notes for 9.4.10

• Add warning for named Grid rows.

[greenkeeper]

• The devDependency autoprefixer was updated from 9.4.10 to 9.5.0.

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

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 devDependency autoprefixer was updated from 9.5.0 to 9.5.1.

Your tests are passing again with this update. Explicitly upgrade to this version 🚀

Release Notes for 9.5.1

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

[greenkeeper]

• The devDependency autoprefixer was updated from 9.5.1 to 9.6.0.

Your tests are still failing with this version. Compare changes

Release Notes for 9.6 “Nunc id vides, nunc ne vides”

Autoprefixer 9.6 marked browsers option as deprecated and added text-orientation and @media (min-resolution: 2x) support.

We added the “Sponsor” button to your repository. You can support Autoprefixer and other open source projects important for your business by Tidelift.

Browsers

Autoprefixer adds prefixes only for target browsers, browsers which is support on your project.

Initially, Autoprefixer had the browsers option to set target browsers. But we found that many tools need target browsers too. postcss-preset-env and babel-preset-env use them to add only actual polyfills, postcss-normalize uses them to add only necessary CSS reset rules, plugins for ESLint and Stylelint will warn you if some of the target browsers doesn’t support your code.

This is why we created Browserslist config file. It is a single config for all tools.

A lot of users still uses the browsers option. We understand them; it is hard to change old practice. Unfortunately, using the browsers option creates many problems. For instance, you can miss that your build tool has own Autoprefixer inside. It will cut your prefixes because it will not know about your target browsers.

This is why, in 9.6, we decided to deprecate the browsers option. Autoprefixer will show a warning on this option. In the next 10.0 release, we will drop this option. This is how you can migrate:

1. Create browserslist key with an array in package.json.

2. Copy queries from the browsers option. If you have browsers: [“last 1 version”, “not dead”], then you need:

      "browserslist": [
        "last 1 version",
        "not dead"
      ]

HiDPI Media Query

We all need to support HiDPI/retina screen now. Autoprefixer supports specific media query for HiDPI screens:

.image {
  background-image: url([email protected]);
}
@media (min-resolution: 2dppx) {
  .image {
    background-image: url([email protected]);
  }
}

.image {
  background-image: url([email protected]);
}
@media (-webkit-min-device-pixel-ratio: 2),
       (-o-min-device-pixel-ratio: 2/1),
       (min-resolution: 2dppx) {
  .image {
    background-image: url([email protected]);
  }
}

Bug we found that CSS Values 4 spec added x alias for dppx.

Autoprefixer 9.6 supports @media (min-resolution: 2x) shortcut. Note, that Autoprefixer will not convert it to 2dppx. Autoprefixer adds only prefixes. Use postcss-preset-env to add polyfills.

Other

• text-orientation property support was added.
• @jmmarco added CONTRIBUTING.md