Home
Docs
GitHub
Pricing
Blog
Log In

Run Sandworm Audit for your App

Get started
Hold on, we're currently generating a fresh version of this report
Generated on Jan 18, 2024 via pnpm

autoprefixer 10.4.15

Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website
Package summary
Share
2
issues
1
high severity
license
1
1
low severity
license
1
4
licenses
10
MIT
2
ISC
1
CC-BY-4.0
1
BSD-3-Clause
Package created
9 Apr 2013
Version published
13 Aug 2023
Maintainers
1
Total deps
14
Direct deps
7
License
MIT

Issues

2

1 high severity issue

high
Recommendation: Read and validate the license terms
via: browserslist@4.22.2 & others
Collapse
Expand

1 low severity issue

low
Recommendation: Read and validate the license terms
via: browserslist@4.22.2 & others
Collapse
Expand

Licenses

MIT License

Permissive
OSI Approved
This is a human-readable summary of (and not a substitute for) the license. Disclaimer.
Can
commercial-use
modify
distribute
sublicense
private-use
Cannot
hold-liable
Must
include-copyright
include-license
10 Packages, Including:
autoprefixer@10.4.15
browserslist@4.22.2
escalade@3.1.1
fraction.js@4.3.7
nanoid@3.3.7
node-releases@2.0.14
normalize-range@0.1.2
postcss-value-parser@4.2.0
postcss@8.4.33
update-browserslist-db@1.0.13

ISC License

Permissive
OSI Approved
This is a human-readable summary of (and not a substitute for) the license. Disclaimer.
Can
commercial-use
modify
distribute
Cannot
hold-liable
Must
include-copyright
include-license
2 Packages, Including:
electron-to-chromium@1.4.637
picocolors@1.0.0

Creative Commons Attribution 4.0 International

Uncategorized
Not OSI Approved
This is a human-readable summary of (and not a substitute for) the license. Disclaimer.
Can
Cannot
Must
1 Packages, Including:
caniuse-lite@1.0.30001578

BSD 3-Clause "New" or "Revised" License

Permissive
OSI Approved
This is a human-readable summary of (and not a substitute for) the license. Disclaimer.
Can
commercial-use
modify
distribute
place-warranty
Cannot
use-trademark
hold-liable
Must
include-copyright
include-license
1 Packages, Including:
source-map-js@1.0.2
Disclaimer

This deed highlights only some of the key features and terms of the actual license. It is not a license and has no legal value. You should carefully review all of the terms and conditions of the actual license before using the licensed material.

Sandworm is not a law firm and does not provide legal services. Distributing, displaying, or linking to this deed or the license that it summarizes does not create a lawyer-client or any other relationship.

Direct Dependencies

7
All Dependencies CSV
β“˜ This is a list of autoprefixer 's direct dependencies. Data on all dependencies, including transitive ones, is available via CSV download.
NameVersionSizeLicenseTypeVulnerabilities
browserslist4.22.215.3 kBMIT
prod peer
1
1
caniuse-lite1.0.30001578315.79 kBCC-BY-4.0
prod
1
1
fraction.js4.3.718.89 kBMIT
prod
normalize-range0.1.23.16 kBMIT
prod
picocolors1.0.02.35 kBISC
prod
postcss-value-parser4.2.07.81 kBMIT
prod
postcss8.4.3344.92 kBMIT
prod peer

Visualizations

Frequently Asked Questions

What does autoprefixer do?

Autoprefixer is a highly useful [PostCSS] plugin that seamlessly parses your CSS and adds vendor prefixes to your CSS rules. These prefixes are driven by data from the 'Can I Use' website. This solution is recommended by renowned tech giants like Google, and is actively used in major platforms like Twitter and Alibaba.

How do you use autoprefixer?

Using Autoprefixer is simple and straightforward, allowing you to effectively focus on writing your CSS rules without concerning yourself with vendor prefixes.

Here's a quick guide on how to write CSS rules using Autoprefixer:

First, write your CSS without the need for vendor prefixes:

::placeholder {
  color: gray;
}

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

Now, Autoprefixer will automatically use the current data about browser popularity and property support to apply the relevant prefixes for you. For instance, after going through Autoprefixer, the code above would look like this:

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

Where are the autoprefixer docs?

Comprehensive documentation for Autoprefixer is readily available for developers seeking to deep dive into the complete functionality of this plugin. You can find the full Autoprefixer documentation here.