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

[greenkeeper]

The devDependency autoprefixer was updated from 9.2.1 to 9.3.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

autoprefixer is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build is in progress (Details).
• ❌ ci/circleci: Your tests failed on CircleCI (Details).

---

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.

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]

After pinning to 9.2.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.3.0 to 9.3.1.

Your tests are still failing with this version. Compare changes

Release Notes for 9.3.1

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

[greenkeeper]

• The devDependency autoprefixer was updated from 9.3.1 to 9.4.0.

Your tests are still failing with this version. Compare changes

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 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 still failing with this version. Compare changes

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 still failing with this version. Compare changes

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 still failing with this version. Compare changes

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 still failing with this version. Compare changes

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 still failing with this version. Compare changes

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.