seek-oss / sku

Front-end development toolkit

Home Page:https://seek-oss.github.io/sku

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

greenkeeper opened this issue Β· comments

Version 7.2.0 of autoprefixer was just published.

Branch Build failing 🚨
Dependency autoprefixer
Current Version 7.1.6
Type dependency

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

autoprefixer is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details
  • ❌ continuous-integration/travis-ci/push The Travis CI build failed Details

Release Notes 7.2 β€œOrdem e Progresso”

Coat of arms of Brazil

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 🌴

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

Version 7.2.1 just got published.

Your tests are still failing with this version. Compare the changes 🚨

Release Notes 7.2.1
  • Fix IE and other old JS runtimes support.