@ai ai released this Oct 16, 2018

Assets 2
  • Fix broken AST.

@ai ai released this Oct 14, 2018 · 4 commits to master since this release

Assets 2

Coat of Arms of Omsk

Autoprefixer 9.2 brings many new improvements for -ms- prefixes for Grid Layout.

New Ways to Enable/Disable Grid Layout

In previous versions, you had needed to pass grid: true to enable prefixes for Grid Layout. But not all users have access to Autoprefixer options. CodePen, Create Reat App or Angular CLI doesn’t allow you to do it.

In Autoprefixer 9.2 @fanich37 added special control comments:

/* autoprefixer grid: on */
.grid {
    display: grid;
    grid-gap: 33px;
    grid-template:
        "head head  head" 1fr
        "nav  main  main" minmax(100px, 1fr)
        "nav  foot  foot" 2fr /
        1fr   100px 1fr;
}

.non-ie .grid {
    /* autoprefixer grid: off */
    …
}

Autoprefixer doesn’t support Grid properties and values with auto. In 9.2 it will ignore whole @supports content if it contains these Grid properties:

@supports (grid-auto-rows: 100px) {
    /* Autoprefixer will not show Grid warnings and will not add prefixes here */
}

Smarter grid-area

Autoprefixer supports grid-template even if it was not in IE Grid spec.

But in 9.2 @bogdan0083 really improve it according to @Dan503 idea. Now Autoprefixer supports even overriding grid-template.

/* autoprefixer grid: on */
.grid {
    display: grid;
    grid-template:
        "nav  main" minmax(100px, 1fr)
        "nav  foot" 2fr /
        100px 1fr;
}

.grid.no-menu {
    grid-template:
        "main" minmax(100px, 1fr)
        "foot" 2fr
}

Other Changes

@ai ai released this Sep 4, 2018 · 37 commits to master since this release

Assets 2
  • Remove @babel/register from dependencies.

@ai ai released this Sep 4, 2018 · 40 commits to master since this release

Assets 2
  • Use Babel 7.

@ai ai released this Aug 22, 2018 · 49 commits to master since this release

Assets 2
  • Sort properties in autoprefixer --info alphabetically.
  • Fix old Firefox gradient prefix.

@ai ai released this Aug 19, 2018 · 55 commits to master since this release

Assets 2
  • Fix autoprefixer --info in new Node.js.

@ai ai released this Aug 13, 2018 · 59 commits to master since this release

Assets 2

@ai ai released this Aug 3, 2018 · 68 commits to master since this release

Assets 2

Coat of Arms of Canada

Autoprefixer 9.1 brings background-clip: text and fix span in IE Grid.

Background Clip

background-clip: text become to be the standard and got Edge support. So we added it to Autoprefixer:

.title {
  background: linear-gradient(yellow, red);
   -webkit-background-clip: text;
           background-clip: text;
}

Note, that Edge expect -webkit- prefix for this property.

Grid Layout Fix

@bogdan0083 fixed an issue when media-query override some grid-template.

@ai ai released this Jul 30, 2018 · 74 commits to master since this release

Assets 2
  • Show warning on Grid area names conflict (by @bogdan0083).
  • Fix documentation (by @svewag).

@ai ai released this Jul 21, 2018 · 80 commits to master since this release

Assets 2
  • Fix nested at-rules in Grid prefixes (by @ivandata)