New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Update dependency autoprefixer to v7.2.6 #4

Open

renovate wants to merge 1 commit into master from renovate/autoprefixer-7.x

renovate bot commented Jul 21, 2018 •

edited

This PR contains the following updates:

Package	Type	Update	Change
autoprefixer	devDependencies	minor	`7.1.2` -> `7.2.6`

Release Notes

postcss/autoprefixer

`v7.2.6`

Fix -ms- prefix for grid cells with same grid-area (by Evgeny Petukhov).

`v7.2.5`

Fix multiple prefixes in declaration value.

`v7.2.4`

Fix IE 10 support.

`v7.2.3`

Fix grid-template-areas in @media (by Evgeny Petukhov).

`v7.2.2`

Fix _autoprefixerDisabled is undefined issue.

`v7.2.1`

Fix IE and other old JS runtimes support.

`v7.2.0`

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: 30px auto 30px;
    grid-template-columns: 1fr 3fr;
    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:
  @&#8203;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).

`v7.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.

`v7.1.5`

Fix ::placeholder prefix for Edge.
Fix inherit/initial/unset values for flex-direction.
Fix RegExp usage in gradients (by Yet Another Minion).

`v7.1.4`

Fix radial-gradient direction conversion.
Fix image-set in cursor.

`v7.1.3`

Add warning for old radial-gradient direction syntax.

Renovate configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻️ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR has been generated by WhiteSource Renovate. View repository job log here.


          Update dependency autoprefixer to v7.2.6

a5ecaba

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment