Nibbling Pastry Monster

    autoprefixer
    TypeScript icon, indicating that this package has built-in type declarations

    10.4.13 • Public • Published

    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;
    }
    ::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.

    Install

    npm i autoprefixer

    DownloadsWeekly Downloads

    18,885,205

    Version

    10.4.13

    License

    MIT

    Unpacked Size

    199 kB

    Total Files

    83

    Last publish

    Collaborators

    • ai