postcss/autoprefixer
### [`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)).
Renovate configuration
:date: Schedule: "on tuesday" (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.
This PR contains the following updates:
9.3.1
->9.4.0
Release Notes
postcss/autoprefixer
### [`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)).Renovate configuration
:date: Schedule: "on tuesday" (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.