postcss/autoprefixer
### [`v9.4.2`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#942)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.4.1...9.4.2)
- Fix Grid autoplacement warning.
### [`v9.4.1`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#941)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.4.0...9.4.1)
- Fix unnecessary Flexbox prefixes in Grid elements.
### [`v9.4.0`](https://renovatebot.com/gh/postcss/autoprefixer/releases/9.4.0)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.3.1...9.4.0)
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.
```css
/* Input CSS */
/* autoprefixer grid: autoplace */
.autoplacement-example {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
grid-gap: 20px;
}
```
```css
/* 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 ](https://renovatebot.com/gh/postcss/autoprefixer#grid-autoplacement-support-in-ie) section before using this new feature.
Thanks to [@bogdan0083](https://renovatebot.com/gh/bogdan0083) for implementing the new feature, [@Dan503](https://renovatebot.com/gh/Dan503) for documenting it, and [@evandiamond](https://renovatebot.com/gh/evandiamond) for coming up with the initial idea.
#### Other Changes
- Remove some unnecessary warnings for Grid (by [@fanich37](https://renovatebot.com/gh/fanich37)).
### [`v9.3.1`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#931)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.3.0...9.3.1)
- Fix Grid prefixes with `repeat()` value (by Bogdan Dolin).
### [`v9.3.0`](https://renovatebot.com/gh/postcss/autoprefixer/releases/9.3.0)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.2.1...9.3.0)
Autoprefixer 9.3 brings `place-self` support for Grid Layout
#### `place-self`
[@Dan503](https://renovatebot.com/gh/Dan503) and [@bogdan0083](https://renovatebot.com/gh/bogdan0083) [found](https://renovatebot.com/gh/postcss/autoprefixer/issues/1143) a way to impement support for another Grid property
```css
.grid > .center {
place-self: center;
}
```
```css
.grid > .center {
-ms-grid-row-align: center;
-ms-grid-column-align: center;
place-self: center;
}
```
#### Other Changes
[@Dan503](https://renovatebot.com/gh/Dan503) and [@bogdan0083](https://renovatebot.com/gh/bogdan0083) also [detected and fixed](https://renovatebot.com/gh/postcss/autoprefixer/issues/1146) issue with Grid row/column span inheritance.
### [`v9.2.1`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#921)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.2.0...9.2.1)
- Fix broken AST.
### [`v9.2.0`](https://renovatebot.com/gh/postcss/autoprefixer/releases/9.2.0)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.1.5...9.2.0)
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](https://renovatebot.com/gh/fanich37) added special control comments:
```css
/* 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:
```css
@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](https://renovatebot.com/gh/bogdan0083) really improve it according to [@Dan503](https://renovatebot.com/gh/Dan503) idea. Now Autoprefixer supports even overriding `grid-template`.
```css
/* 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
- Improve Grid warnings (by [@Dan503](https://renovatebot.com/gh/Dan503) and [@bogdan0083](https://renovatebot.com/gh/bogdan0083))
- Improve docs (by [@JoshuaHall](https://renovatebot.com/gh/JoshuaHall), [@Drarok](https://renovatebot.com/gh/Drarok), [@revelt](https://renovatebot.com/gh/revelt), and [@janczer](https://renovatebot.com/gh/janczer)).
### [`v9.1.5`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#915)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.1.4...9.1.5)
- Remove `@babel/register` from dependencies.
### [`v9.1.4`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#914)
[Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.1.3...9.1.4)
- Use Babel 7.
Renovate configuration
:date: Schedule: "on saturday" (UTC).
:vertical_traffic_light: Automerge: Enabled.
:recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "rebase!".
:no_bell: 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 Renovate Bot. View repository job log here.
This PR contains the following updates:
^9.1.3
->^9.4.2
Release Notes
postcss/autoprefixer
### [`v9.4.2`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#942) [Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.4.1...9.4.2) - Fix Grid autoplacement warning. ### [`v9.4.1`](https://renovatebot.com/gh/postcss/autoprefixer/blob/master/CHANGELOG.md#941) [Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.4.0...9.4.1) - Fix unnecessary Flexbox prefixes in Grid elements. ### [`v9.4.0`](https://renovatebot.com/gh/postcss/autoprefixer/releases/9.4.0) [Compare Source](https://renovatebot.com/gh/postcss/autoprefixer/compare/9.3.1...9.4.0)Renovate configuration
:date: Schedule: "on saturday" (UTC).
:vertical_traffic_light: Automerge: Enabled.
:recycle: Rebasing: Whenever PR becomes conflicted, or if you modify the PR title to begin with "
rebase!
".:no_bell: Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot. View repository job log here.