Discard unused counter styles, keyframes and fonts.
With npm do:
npm install postcss-discard-unused --save
This module will discard unused at rules in your CSS file, if it cannot find
any selectors that make use of them. It works on @counter-style
, @keyframes
and @font-face
.
@counter-style custom {
system: extends decimal;
suffix: "> "
}
@counter-style custom2 {
system: extends decimal;
suffix: "| "
}
a {
list-style: custom
}
@counter-style custom {
system: extends decimal;
suffix: "> "
}
a {
list-style: custom
}
Note that this plugin is not responsible for normalising font families, as it makes the assumption that you will write your font names consistently, such that it considers these two declarations differently:
h1 {
font-family: "Helvetica Neue"
}
h2 {
font-family: Helvetica Neue
}
However, you can mitigate this by including postcss-minify-font-values before this plugin, which will take care of normalising quotes, and deduplicating. For more examples, see the tests.
See the PostCSS documentation for examples for your environment.
Type: boolean
Default: true
Pass false
to disable discarding unused font face rules.
Type: boolean
Default: true
Pass false
to disable discarding unused counter style rules.
Type: boolean
Default: true
Pass false
to disable discarding unused keyframe rules.
Type: boolean
Default: true
Pass false
to disable discarding unused namespace rules.
Thanks goes to these wonderful people (emoji key):
| Ben Briggs💻 📖 👀 ⚠️ | Bogdan Chadkin💻 📖 👀 ⚠️ | Paweł Lesiecki💻 ⚠️ | Thomas McDonald💻 ⚠️ | | :---: | :---: | :---: | :---: |
This project follows the all-contributors specification. Contributions of any kind welcome!
MIT © Ben Briggs
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.