wishthis/node_modules/autoprefixer
2022-04-08 12:55:35 +02:00
..
bin Add production dependencies 2022-01-21 09:28:41 +01:00
data Add production dependencies 2022-01-21 09:28:41 +01:00
lib Add production dependencies 2022-01-21 09:28:41 +01:00
node_modules Install yarn 2022-04-08 12:55:35 +02:00
LICENSE Add production dependencies 2022-01-21 09:28:41 +01:00
package.json Switch to FUI nightly 2022-04-07 09:06:43 +02:00
README.md Add production dependencies 2022-01-21 09:28:41 +01:00

Autoprefixer Cult Of Martians

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(image@1x.png);
}
@media (min-resolution: 2dppx) {
  .image {
    background-image: url(image@2x.png);
  }
}

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;
}
:-ms-input-placeholder {
  color: gray;
}
::-ms-input-placeholder {
  color: gray;
}
::placeholder {
  color: gray;
}

.image {
  background-image: url(image@1x.png);
}
@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 2dppx) {
  .image {
    background-image: url(image@2x.png);
  }
}

Twitter account for news and releases: @autoprefixer.

Sponsored by Evil Martians

Docs

Read full docs on GitHub.