🌜
🌞
autoprefixer

autoprefixer

v10.4.8

Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website

npm install autoprefixer

README

Autoprefixer Cult Of Martians

autoprefixer

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba.

Write your CSS rules without vendor prefixes (in fact, forget about them entirely):

::placeholder {
  color: gray;
}

.image {
  background-image: url([email protected]);
}
@media (min-resolution: 2dppx) {
  .image {
    background-image: url([email protected]);
  }
}

Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.

::-moz-placeholder {
  color: gray;
}
::placeholder {
  color: gray;
}

.image {
  background-image: url([email protected]);
}
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
  .image {
    background-image: url([email protected]);
  }
}

Twitter account for news and releases: @autoprefixer.

Sponsored by Evil Martians

Docs

Read full docs on GitHub.

Release Notes

10.4.8
By Andrey Sitnik • Published on July 29, 2022
  • Do not print color-adjust warning if print-color-adjust also is in rule.
10.4.7
By Andrey Sitnik • Published on May 2, 2022
  • Fixed print-color-adjust support in Firefox.
10.4.6
By Andrey Sitnik • Published on May 1, 2022
  • Fixed print-color-adjust support.
10.4.5
By Andrey Sitnik • Published on April 23, 2022
  • Fixed NaN in grid (by @SukkaW).
10.4.4
By Andrey Sitnik • Published on March 16, 2022
  • Fixed package.funding to have same value between all PostCSS packages.
10.4.3
By Andrey Sitnik • Published on March 15, 2022
  • Fixed package.funding (by @mondeja).
10.4.2
By Andrey Sitnik • Published on January 7, 2022
  • Fixed missed -webkit- prefix for width: stretch.
10.4.1
By Andrey Sitnik • Published on December 29, 2021
  • Fixed ::file-selector-button data (by @lukewarlow).
10.4.0
By Andrey Sitnik • Published on October 28, 2021
Coat of arms of South Africa

In Autoprefixer 10.4 @lukewarlow added :autofill support:

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

input:autofill {
  background-color: red;
}
10.3.7
By Andrey Sitnik • Published on October 4, 2021

General

License
MIT
Typescript Types
Built-in
Tree-shakeable
No

Popularity

GitHub Stargazers
20.6K
Community Interest
21.9K
Number of Forks
1,273

Maintenance

Commits
10/219/22015
Last Commit
Open Issues
33
Closed Issues
1,093
Open Pull Requests
1
Closed Pull Requests
58

Versions

Versions Released
10/219/2203
Latest Version Released
Jul 29, 2022
Current Tags
latest10.4.8

Contributors

ai
ai
Commits: 2,001
bogdan0083
bogdan0083
Commits: 14
yepninja
yepninja
Commits: 11
iamvdo
iamvdo
Commits: 11
yisibl
yisibl
Commits: 10
regularlabs
regularlabs
Commits: 9
Dan503
Dan503
Commits: 9
porada
porada
Commits: 9
kossnocorp
kossnocorp
Commits: 7
Semigradsky
Semigradsky
Commits: 6
cornbreadcompanion
cornbreadcompanion
Commits: 6
cvn
cvn
Commits: 6
Taritsyn
Taritsyn
Commits: 6
Aaron3
Aaron3
Commits: 6
lydell
lydell
Commits: 5