This Pull Request updates dependency autoprefixer from ~8.2.0 to ~8.3.0
Release Notes
### [`v8.3.0`](https://github.com/postcss/autoprefixer/releases/8.3.0)
Autoprefixer 8.3 adds `@media` support for `grid-template` and fixes gradient direction warning.
##### Media and Grid Layout
@evgeny-petukhov continues his great work for Grid Layout support in Autoprefixer.
Now he improved `@media` support. Now this CSS will work in IE:
```css
body {
grid-template:
[header-left] "head head" 30px [header-right]
[main-left] "nav main" 1fr [main-right]
[footer-left] "nav foot" 30px [footer-right]
/ 120px repeat(4, 250px 10px);
}
header {
grid-area: head;
}
main {
grid-area: main;
}
footer {
grid-area: footer;
}
@media (min-width: 1000px) {
body {
grid-template:
[header-left] "head" 30px [header-right]
[main-left] "main" 1fr [main-right]
[footer-left] "footer" 30px [footer-right]
/ 1fr;
}
}
```
Don’t forget that Autoprefixer inserts Grid Layout prefixes only if you set `grid: true` option.
##### Gradient Warning
@radium-v found that Autoprefixer show warning even if `cover` is outside of `radial-gradient`.
```css
a {
background: radial-gradient(#fff, transparent) 0 0 / cover no-repeat #f0f;
}
```
@kotfire improve old direction detection and fix this issue.
---
Commits
#### v8.3.0
- [`c860ba6`](https://github.com/postcss/autoprefixer/commit/c860ba64da9406aac9701fabbd5ab783a360520b) Look for outdated gradient syntax only inside radial-gradient block (#1017)
- [`54fa0ac`](https://github.com/postcss/autoprefixer/commit/54fa0acda1c42adc7a6c195c1b4df97b047ebfde) Improve warning test
- [`c80c4ab`](https://github.com/postcss/autoprefixer/commit/c80c4ab7ca1a6005c6699981c910dc2d0b45b6b9) Update dependencies
- [`196a366`](https://github.com/postcss/autoprefixer/commit/196a366d3b1c72f45f92d14aa77da83e932bc68c) [grid-template-areas] Supported grid-template(-areas) in media rules (#1018)
- [`67e8d22`](https://github.com/postcss/autoprefixer/commit/67e8d22aa24c95c4647e8497ecfbdb24c9ce15b8) Fix spaces between in grid hack
- [`4485c0e`](https://github.com/postcss/autoprefixer/commit/4485c0ed282056d7a37f2e460c53523daac80f7a) Release 8.3 version
This Pull Request updates dependency autoprefixer from
~8.2.0
to~8.3.0
Release Notes
### [`v8.3.0`](https://github.com/postcss/autoprefixer/releases/8.3.0) Autoprefixer 8.3 adds `@media` support for `grid-template` and fixes gradient direction warning. ##### Media and Grid Layout @evgeny-petukhov continues his great work for Grid Layout support in Autoprefixer. Now he improved `@media` support. Now this CSS will work in IE: ```css body { grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav main" 1fr [main-right] [footer-left] "nav foot" 30px [footer-right] / 120px repeat(4, 250px 10px); } header { grid-area: head; } main { grid-area: main; } footer { grid-area: footer; } @media (min-width: 1000px) { body { grid-template: [header-left] "head" 30px [header-right] [main-left] "main" 1fr [main-right] [footer-left] "footer" 30px [footer-right] / 1fr; } } ``` Don’t forget that Autoprefixer inserts Grid Layout prefixes only if you set `grid: true` option. ##### Gradient Warning @radium-v found that Autoprefixer show warning even if `cover` is outside of `radial-gradient`. ```css a { background: radial-gradient(#fff, transparent) 0 0 / cover no-repeat #f0f; } ``` @kotfire improve old direction detection and fix this issue. ---Commits
#### v8.3.0 - [`c860ba6`](https://github.com/postcss/autoprefixer/commit/c860ba64da9406aac9701fabbd5ab783a360520b) Look for outdated gradient syntax only inside radial-gradient block (#1017) - [`54fa0ac`](https://github.com/postcss/autoprefixer/commit/54fa0acda1c42adc7a6c195c1b4df97b047ebfde) Improve warning test - [`c80c4ab`](https://github.com/postcss/autoprefixer/commit/c80c4ab7ca1a6005c6699981c910dc2d0b45b6b9) Update dependencies - [`196a366`](https://github.com/postcss/autoprefixer/commit/196a366d3b1c72f45f92d14aa77da83e932bc68c) [grid-template-areas] Supported grid-template(-areas) in media rules (#1018) - [`67e8d22`](https://github.com/postcss/autoprefixer/commit/67e8d22aa24c95c4647e8497ecfbdb24c9ce15b8) Fix spaces between in grid hack - [`4485c0e`](https://github.com/postcss/autoprefixer/commit/4485c0ed282056d7a37f2e460c53523daac80f7a) Release 8.3 versionThis PR has been generated by Renovate Bot.