postcss/autoprefixer 6.5.0

6.5 “Einigkeit und Recht und Freiheit”

on GitHub

Autoprefixer 6.5 brings defaults keyword and fixes Grid support.

defaults

Autoprefixer 6.5 includes Browserslist 1.4 with defaults keyword. So now you could extend default browsers list:

postcss([
  autoprefixer({ browsers: ['defaults', 'ie 9'] })
])

Also don’t miss new tool to check what browsers will be picked by Browserslist: browserl.ist.

CSS Grid Layout

With Autoprefixer small subset of coming CSS Grid Layout will works in IE by adding a -ms- prefix and change the syntax (as we do for Flexbox). In 6.5 we fixed some cases with -ms-grid-row-align.

.container {
    display: grid;
    grid-template-columns: auto 1fr;
}
.element {
    align-self: stretch;
    grid-column-start: 1;
    grid-column-end: span 3;
}

.container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}
.element {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
}

Flexbox

align-self has same syntax in final and 2009 Flexbox specification.

In 6.5 we fixed when Autopefixer removed -webkit-align-self even if final spec is still in requirements.