chore(deps): update dependency autoprefixer to v8.6.5

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
autoprefixer	8.4.1 -> 8.6.5

---

Release Notes

postcss/autoprefixer

v8.6.5

Compare Source

• Do not show Grid warnings if IE was not selected.

v8.6.4

Compare Source

• Fix stretch prefix in Chrome >= 46.

v8.6.3

Compare Source

• Add warnings for unsupported Grid features.
• Add warnings about wrong Grid properties.
• Add note about grid option for grid properties in autoprefixer --info.

v8.6.2

Compare Source

• Fix error during adding Grid prefixes in @media (by Evgeny Petukhov).

v8.6.1

Compare Source

• Fix grid-template with media queries (by Evgeny Petukhov).

v8.6.0: 8.6 “Follow Reason”

Compare Source

Autoprefixer 8.6 brings gap property support and two values support for grid-gap/gap.

Grid Gap

CSSWG renamed grid-gap property to gap.

@​yepninja added gap support with 2 values support.

Grid layout code bellow will work even in IE if you pass grid: true option to Autoprefixer:

.main {
    gap: 10px 20px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "head head head"
                         "nav main main"
                         "nav foot foot";
}

Other Changes

• Add ignoreUnknownVersions option for Browserslist

v8.5.2

Compare Source

• Fix grid-template support wit auto row sizes (by Yury Timofeev).

v8.5.1

Compare Source

• Remove unnecessary warning on -webkit-fill-available.

v8.5.0: 8.5 “Muito Nobre e Sempre Leal”

Compare Source

Autoprefixer 8.5 brings grid-gap support and fix radial-gradient.

Grid Gap

@​yepninja continues his amazing work of adding CSS Grid Layout support to Autoprefixer.

Now he brought grid-gap. It is amazing work since IE 11 has gaps support in -ms- grids.

To add grid-gap support for IE 11 Autoprefixer adds addition grid cells. Unfortunately, it will work only if you have grid-template in the same rule with grid-gap. We had big discussion with a community about these limits.

.page {
    grid-gap: 33px;
    -ms-grid-rows: 1fr 33px minmax(100px, 1fr) 33px 2fr;
    -ms-grid-columns: 1fr 33px 100px 33px 1fr;
    grid-template:
        "head head  head" 1fr
        "nav  main  main" minmax(100px, 1fr)
        "nav  foot  foot" 2fr /
        1fr   100px 1fr;
}

Set postcss-gap-properties before Autoprefixer if you want to use new gap property.

Radial Gradients

Old gradients with prefixes used a different direction syntax. Autoprefixer converts direction to old syntax (or warn you to rewrite direction from old to new syntax).

But it has an issue with extent keywords like circle closest-corner. We fixed it after @​BaliBalo report.

.mask {
    -webkit-mask-image: -webkit-radial-gradient(100% 50%, circle closest-corner, black, white);
            mask-image: radial-gradient(circle closest-corner at 100% 50%, black, white);
}

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR is behind base branch, or you tick the rebase/retry checkbox.

🔕 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 Mend Renovate. View repository job log here.

[renovate]

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.