autoprefixer

• Fixed producing wrong old -webkit- gradients (by @ryanchou1994).

• Fixed resolution media query parsing performance (by @NotAFlightRisk).

• Fixed prefixed rule duplication (by @xianjianlf2).

• Fixed brackets and gradient parser (@alanturing881).

• Moved -webkit-fill-available before -moz-available, so Firefox
  will use -webkit- version which is closer to stretch.

• Fixed grid-area span reset for overriding areas (by @puneetdixit200).

<img src="https://github.com/user-attachments/assets/401cb4b1-0f05-459f-9106-47c4f1bbb53d" alt="Coat of arms of Antigua and Barbuda" width="172" height="200" align="right">

• Added mask-position-x and mask-position-y support (by @toporek).

• Removed development key from package.json.

• Reduced package size.

• Fixed broken gradients on CSS Custom Properties (by @serger777).

• Made Autoprefixer a little faster (by @Cherry).

• Reduced dependencies (by @hyperz111).

• Fixed stretch prefixes on new Can I Use database.
• Updated fraction.js.

• Fixed old -moz- prefix for :placeholder-shown (by @Marukome0743).

• Fixed fit-content prefix for Firefox.

• Removed end value has mixed support, consider using flex-end warning since end/start now have good support.

• Fixed removing -webkit-box-orient on -webkit-line-clamp (@Goodwine).

• Fixed user-select: contain prefixes.

• Improved performance (by @romainmenke).
• Fixed docs (by @coliff).

• Fixed ::backdrop prefixes (by @yisibl).
• Fixed docs (by @coliff).

• Improved startup time and reduced JS bundle size (by @Knagis).

• Fixed missed prefixes on vendor prefixes in name of CSS Custom Property.

• Fixed support of unit-less zero angle in backgrounds (by @yisibl).

• Fixed text-decoration prefixes by moving to MDN data (by @romainmenke).

• Fixed unicode-bidi prefixes by moving to MDN data.

• Fixed css-unicode-bidi issue from latest Can I Use.

• Do not print color-adjust warning if print-color-adjust also is in rule.

• Fixed print-color-adjust support in Firefox.

• Fixed print-color-adjust support.

• Fixed NaN in grid (by @SukkaW).

• Fixed package.funding to have same value between all PostCSS packages.

• Fixed package.funding (by @mondeja).

• Fixed missed -webkit- prefix for width: stretch.

• Fixed ::file-selector-button data (by @lukewarlow).

<img src="https://user-images.githubusercontent.com/19343/139239131-28cf64eb-22e3-4e9e-a3e8-497d9ea56f65.png" alt="Coat of arms of South Africa" width="172" height="200" align="right">

In Autoprefixer 10.4 @lukewarlow added :autofill support:

input:-webkit-autofill {
  background-color: red;
}

input:autofill {
  background-color: red;
}

• Replaced nanocolors to picocolors.

• Updated nanocolors.
• Reduced package size.

• Replaced colorette to nanocolors.

• Fixed stretch value in latest Firefox.

• Fixed wrong -moz- prefix from ::file-selector-button (by @usmanyunusov).

• Fixed ::file-selector-button support (by @usmanyunusov).

• Fixed adding wrong prefixes to content (by @lukewarlow).

<img src="https://user-images.githubusercontent.com/19343/125161006-d3f96380-e14d-11eb-86b2-dca98629337e.png" alt="Pskov, coat of arms" width="250" height="208" align="right">

In Autoprefixer 10.3 @lukewarlow added ::file-selector-button support.

::-webkit-file-upload-button {
  border: 2px solid #6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
}

::file-selector-button {
  border: 2px solid #6c5ce7;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #a29bfe;
}

• Fixed “no prefixes needed” warning (by @Pwntheon).

• Fixed : support in @supports (by @Semigradsky).
• Fixed docs (by @coliff).

• Fixed browser names in npx autoprefixer --info.

• Fixed PostCSS 8 support.

• Fixed PostCSS 8 plugins compatibility.

• Fixed transition-property warnings (by @Sheraff).

<img src="https://user-images.githubusercontent.com/19343/103720989-a105c580-4f9a-11eb-9045-e188e47a1720.png" alt="Tudor rose" width="200" height="191" align="right">

Autoprefixer 10.2 now has built-in TypeScript definitions. You do not need @types/autoprefixer anymore.

Thanks to @Semigradsky and DefinitelyTyped’s contributors.

@Sheraff also improved docs.

<img src="https://user-images.githubusercontent.com/19343/101454594-390e8180-38ff-11eb-8581-89c11080b987.png" alt="Coat of arms of Botswana" width="220" height="170" align="right">

Autoprefixer 10.1 improved min-resolution support.

@infusion added dpcm unit support and num2fraction with Fraction.js, which uses Farey Sequences as a rational approximation (more precise) and simplifies the fraction using continued fractions to ɛ <0.001 afterward.

/* input */
@media (min-resolution: 113.38dpcm) {
  …
}

/* output */
@media (-webkit-min-device-pixel-ratio: 3),
       (min--moz-device-pixel-ratio: 3),
       (-o-min-device-pixel-ratio: 3/1),
       (min-resolution: 113.38dpcm) {
  …
}

• Fixed Cannot read property 'proxyOf' of undefined error (by @igorkamyshev).

• Fixed substract to subtract value for mask-composite (by @crankysparrow).

• Removed -ms-user-select: all because IE and old Edge don’t support it.
• Fixed Grid Layout warning.

• Fix PostCSS 8.1 compatability.
• Add our OpenCollective to package.json.
• Clean up code (by @SukkaW).

<img src="https://user-images.githubusercontent.com/19343/93252989-3ec35380-f764-11ea-9891-4b386348bfdd.png" alt="Coat of arms of Oregon" width="200" height="200" align="right">

Autoprefixer 10 is based on top of PostCSS 8 (check Known Issues section before updating).

Node.js 6.x, 8.x, 11.x support was removed.

Now you need to install Autoprefixer by npm install --save-dev autoprefixer postcss. We moved postcss from dependencies to peerDependencies according to new PostCSS plugin guidelines.

• Replaced nanocolors with picocolors.
• Reduced package size.

• Replaced colorette with nanocolors.
• Reduced package size.