d2-ui
Version:
628 lines (583 loc) • 39.3 kB
Markdown
# PostCSS Plugins
## Control
There are two ways to make PostCSS magic more explicit.
Limit a plugin's local stylesheet context using [`postcss-plugin-context`]:
```css
.css-example.is-test-for-css4-browsers {
color: gray(255, 50%);
}
@context cssnext {
.css-example.is-fallback-for-all-browsers {
color: gray(255, 50%);
}
}
```
Or enable plugins directly in CSS using [`postcss-use`]:
```css
@use autoprefixer(browsers: ['last 2 versions']);
:fullscreen a {
display: flex
}
```
[`postcss-plugin-context`]: https://github.com/postcss/postcss-plugin-context
[`postcss-use`]: https://github.com/postcss/postcss-use
## Packs
* [`atcss`] contains plugins that transform your CSS according
to special annotation comments.
* [`cssnano`] contains plugins that optimize CSS size for use in production.
* [`cssnext`] contains plugins that allow you to use future CSS features today.
* [`oldie`] contains plugins that transform your CSS
for older Internet Explorer compatibility.
* [`precss`] contains plugins that allow you to use Sass-like CSS.
* [`rucksack`] contains plugins to speed up CSS development
with new features and shortcuts.
* [`level4`] contains only plugins that let you write CSS4 without
the IE9 fallbacks.
* [`short`] adds and extends numerous shorthand properties.
* [`stylelint`] contains plugins that lint your stylesheets.
[`stylelint`]: https://github.com/stylelint/stylelint
[`rucksack`]: http://simplaio.github.io/rucksack
[`cssnano`]: http://cssnano.co/
[`cssnext`]: http://cssnext.io/
[`oldie`]: https://github.com/jonathantneal/oldie
[`precss`]: https://github.com/jonathantneal/precss
[`atcss`]: https://github.com/morishitter/atcss
[`level4`]: https://github.com/stephenway/level4
## Future CSS Syntax
* [`postcss-color-function`] supports functions to transform colors.
* [`postcss-color-gray`] supports the `gray()` function.
* [`postcss-color-hex-alpha`] supports `#rrggbbaa` and `#rgba` notation.
* [`postcss-color-hwb`] transforms `hwb()` to widely compatible `rgb()`.
* [`postcss-color-rebeccapurple`] supports the `rebeccapurple` color.
* [`postcss-conic-gradient`] supports the `conic-gradient` background.
* [`postcss-custom-media`] supports custom aliases for media queries.
* [`postcss-custom-properties`] supports variables, using syntax from
the W3C Custom Properties.
* [`postcss-custom-selectors`] adds custom aliases for selectors.
* [`postcss-extend`] supports spec-approximate `@extend` for rules
and placeholders, recursively.
* [`postcss-font-normalize`] to normalize font, especially font-family.
* [`postcss-font-variant`] transpiles human-readable `font-variant`
to more widely supported CSS.
* [`postcss-host`] makes the Shadow DOM’s `:host` selector work properly
with pseudo-classes.
* [`postcss-initial`] supports `initial` keyword and `all: initial`
to clean inherit styles.
* [`postcss-logical-properties`] transforms `start` and `end` properties
to `left` and `right` depending on the writing direction of the document.
* [`postcss-media-minmax`] adds `<=` and `=>` statements to media queries.
* [`postcss-pseudo-class-any-link`] adds `:any-link` pseudo-class.
* [`postcss-selector-not`] transforms CSS4 `:not()` to CSS3 `:not()`.
* [`postcss-selector-matches`] transforms CSS4 `:matches()`
to more compatible CSS.
* [`postcss-apply`] supports custom properties sets references
* [`mq4-hover-shim`] supports the `@media (hover)` feature.
See also [`cssnext`] plugins pack to add future CSS syntax by one line of code.
## Fallbacks
* [`postcss-color-rgba-fallback`] transforms `rgba()` to hexadecimal.
* [`postcss-epub`] adds the `-epub-` prefix to relevant properties.
* [`postcss-fallback`] adds `fallback` function to avoid duplicate declarations.
* [`postcss-filter-gradient`] adds gradient filter for the old IE.
* [`postcss-flexibility`] adds `-js-` prefix for [`Flexibility polyfill`].
* [`postcss-gradient-transparency-fix`] transforms `transparent` values
in gradients to support Safari's different color interpolation.
* [`postcss-hash-classname`] append hash string to your css class name.
* [`postcss-mqwidth-to-class`] converts min/max-width media queries to classes.
* [`postcss-opacity`] adds opacity filter for IE8.
* [`postcss-pseudoelements`] Convert `::` selectors into `:` selectors
for IE 8 compatibility.
* [`postcss-round-subpixels`] plugin that rounds sub-pixel values
to the nearest
full pixel.
* [`postcss-unmq`] removes media queries while preserving desktop rules
for IE≤8.
* [`postcss-vmin`] generates `vm` fallback for `vmin` unit in IE9.
* [`postcss-will-change`] inserts 3D hack before `will-change` property.
* [`autoprefixer`] adds vendor prefixes for you, using data from Can I Use.
* [`cssgrace`] provides various helpers and transpiles CSS 3 for IE
and other old browsers.
* [`pixrem`] generates pixel fallbacks for `rem` units.
See also [`oldie`] plugins pack.
[`Flexibility polyfill`]: https://github.com/10up/flexibility
## Language Extensions
* [`postcss-aspect-ratio`] fix an element's dimensions to an aspect ratio.
* [`postcss-atroot`] place rules directly at the root node.
* [`postcss-bem`] adds at-rules for BEM and SUIT style classes.
* [`postcss-conditionals`] adds `@if` statements.
* [`postcss-css-variables`] supports variables for selectors, and at-rules
using W3C similar syntax.
* [`postcss-current-selector`] to get current selector in declaration.
* [`postcss-define-property`] to define properties shortcut.
* [`postcss-each`] adds `@each` statement.
* [`postcss-for`] adds `@for` loops.
* [`postcss-at-rules-variables`] adds support for custom properties in
`@for`, `@each`, `@if`, etc.
* [`postcss-functions`] enables exposure of JavaScript functions.
* [`postcss-if-media`] inline or nest media queries within
CSS rules & properties.
* [`postcss-local-constants`] adds support for localized constants.
* [`postcss-map`] enables configuration maps.
* [`postcss-match`] adds `@match` for [Rust-style pattern matching].
* [`postcss-mixins`] enables mixins more powerful than Sass’,
defined within stylesheets or in JS.
* [`postcss-media-variables`] adds support for `var()` and `calc()`
in `@media` rules
* [`postcss-modular-scale`] adds a modular scale `ms()` function.
* [`postcss-namespace`] prefix a namespace to a selector.
* [`postcss-nested`] unwraps nested rules.
* [`postcss-nested-props`] unwraps nested properties.
* [`postcss-nested-vars`] supports nested Sass-style variables.
* [`postcss-pseudo-class-any-button`] adds `:any-button` pseudo-class
for targeting all button elements.
* [`postcss-pseudo-class-enter`] transforms `:enter` into `:hover` and `:focus`.
* [`postcss-quantity-queries`] enables quantity queries.
* [`postcss-reverse-media`] reverse/Invert media query parameters.
* [`postcss-sassy-mixins`] enables mixins with Sass keywords.
* [`postcss-simple-extend`] lightweight extending of silent classes,
like Sass’ `@extend`.
* [`postcss-simple-vars`] supports for Sass-style variables.
* [`postcss-strip-units`] strips units off of property values.
* [`postcss-vertical-rhythm`] adds a vertical rhythm unit
based on `font-size` and `line-height`.
* [`postcss-vertical-rhythm-function`] adds a vertical rhythm `vr()` function
that is unit agnostic and works in situations where the font-size cannot
be calculated during build time.
* [`csstyle`] adds components workflow to your styles.
See also [`precss`] plugins pack to add them by one line of code.
[Rust-style pattern matching]: https://doc.rust-lang.org/book/match.html
## Colors
* [`postcss-ase-colors`] replaces color names with values read
from an ASE palette file.
* [`postcss-brand-colors`] inserts company brand colors
in the `brand-colors` module.
* [`postcss-color-alpha`] transforms `#hex.a`, `black(alpha)` and `white(alpha)`
to `rgba()`.
* [`postcss-color-hcl`] transforms `hcl(H, C, L)` and `hcl(H, C, L, alpha)`
to `#rgb` and `rgba()`.
* [`postcss-color-hexa`] transforms `hexa(hex, alpha)` into `rgba` format.
* [`postcss-color-mix`] mixes two colors together.
* [`postcss-color-palette`] transforms CSS 2 color keywords to a custom palette.
* [`postcss-color-pantone`] transforms pantone color to RGB.
* [`postcss-color-scale`] adds a color scale `cs()` function.
* [`postcss-color-short`] adds shorthand color declarations.
* [`postcss-color-yiq`] sets foreground colors using the YIQ color space.
* [`postcss-colorblind`] transforms colors using filters to simulate
colorblindness.
* [`postcss-contrast`] checks background-color and gives either white or black.
* [`postcss-hexrgba`] adds shorthand hex `rgba(hex, alpha)` method.
* [`postcss-rgb-plz`] converts 3 or 6 digit hex values to `rgb`.
* [`postcss-rgba-hex`] converts `rgba` values to `hex` analogues.
* [`postcss-shades-of-gray`] helps keeping grayscale colors consistent
to a gray palette.
* [`colorguard`] helps maintain a consistent color palette.
* [`postcss-get-color`] get the prominent colors from an image.
## Images and Fonts
* [`postcss-assets`] allows you to simplify URLs, insert image dimensions,
and inline files.
* [`postcss-assets-rebase`] rebases assets from `url()`.
* [`postcss-at2x`] handles retina background images via use of `at-2x` keyword.
* [`postcss-cachebuster`] adds version parameter to images and fonts
* [`postcss-copy-assets`] copies assets referenced by relative `url()`s
into a build directory.
* [`postcss-data-packer`] moves embedded Base64 data to a separate file.
* [`postcss-easysprites`] combine images to sprites, based on their
image.png`#hash` and aspect ratio (`@2x`).
* [`postcss-image-set`] adds `background-image` with first image
for `image-set()`.
* [`postcss-image-inliner`] inlines local and remote images.
* [`postcss-instagram`] adds Instagram filters to `filter`.
* [`postcss-font-awesome`] adds an easy shortcut to font-awesome unicode codes
* [`postcss-font-pack`] simplifies font declarations and validates they match
configured font packs.
* [`postcss-fontpath`] adds font links for different browsers.
* [`postcss-responsive-images`] adds stylesheets for making
your images responsive.
* [`postcss-sprites`] generates CSS sprites from stylesheets.
* [`postcss-svg`] insert inline SVG to CSS and allows to manage it colors.
* [`postcss-svg-fallback`] converts SVG in your CSS to PNG files for IE 8.
* [`postcss-svgo`] processes inline SVG through [SVGO].
* [`postcss-url`] rebases or inlines `url()`s.
* [`postcss-urlrev`] adds MD5 hash strings to `url()`s.
* [`postcss-write-svg`] write inline SVGs in CSS.
* [`postcss-inline-svg`] inline SVG images and customize their styles.
* [`webpcss`] adds URLs for WebP images for browsers that support WebP.
## Grids
* [`postcss-grid`] adds a semantic grid system.
* [`postcss-layout`] a plugin for some common CSS layout patterns
and a Grid system.
* [`postcss-maze`] is a mobile first, semantic responsive grid
to suit any design pattern.
* [`postcss-neat`] is a semantic and fluid grid framework.
* [`postcss-oldschool-grid`] is a grid system with wrapping columns
and padding gutters.
* [`postcss-simple-grid`] create grid with one line.
* [`lost`] feature-rich `calc()` grid system by Jeet author.
## Optimizations
* [`postcss-calc`] reduces `calc()` to values
(when expressions involve the same units).
* [`postcss-filter-mq`] Filter all matching or non-matching media queries.
* [`postcss-import`] inlines the stylesheets referred to by `@import` rules.
* [`postcss-partial-import`] inlines standard imports and Sass-like partials.
* [`postcss-reference`] emulates Less’s [`@import (reference)`].
* [`postcss-remove-root`] removes all instances of `:root` from a stylesheet.
* [`postcss-single-charset`] ensures that there is one and only one
`@charset` rule at the top of file.
* [`postcss-zindex`] rebases positive `z-index` values.
* [`css-byebye`] removes the CSS rules that you don’t want.
* [`css-mqpacker`] joins matching CSS media queries into a single statement.
* [`stylehacks`] removes CSS hacks based on browser support.
* [`postcss-mq-optimize`] removes invalid media queries or its expresions.
See also plugins in modular minifier [`cssnano`].
[@import (reference)]: http://lesscss.org/features/#import-options-reference
[SVGO]: https://github.com/svg/svgo
## Shortcuts
* [`postcss-alias`] creates shorter aliases for properties.
* [`postcss-alias-atrules`] creates shorter aliases for at-rules.
* [`postcss-all-link-colors`] insert colors for link-related pseudo-classes.
* [`postcss-border`] adds shorthand for width and color of all borders
in `border` property.
* [`postcss-center`] centers elements.
* [`postcss-circle`] inserts a circle with color.
* [`postcss-clearfix`] adds `fix` and `fix-legacy` properties to the `clear`
declaration.
* [`postcss-crip`] shorthand properties for Crips that are too lazy to write.
* [`postcss-default-unit`] adds default unit to numeric CSS properties.
* [`postcss-easings`] replaces easing names from easings.net
with `cubic-bezier()` functions.
* [`postcss-filter`] adds shorthand for black and white filter.
* [`postcss-focus`] adds `:focus` selector to every `:hover`.
* [`postcss-generate-preset`] allows quick generation of rules.
Useful for creating repetitive utilities.
* [`postcss-hidden`] allows for easy ways to hide elements.
* [`postcss-input-style`] adds new pseudo-elements for cross-browser styling
of inputs.
* [`postcss-position`] adds shorthand declarations for position attributes.
* [`postcss-property-lookup`] allows referencing property values without
a variable.
* [`postcss-responsive-type`] changes `font-size` depends on screen size.
* [`postcss-scrib`] define your own aliases/shortcuts for properties or values.
* [`postcss-short-font-size`] extends `font-size` to define line-height
s a second value.
* [`postcss-short-position`] extends `position` to define edges
as additional values.
* [`postcss-short-spacing`] extends `margin` and `padding` to allow
or omitted edges.
* [`postcss-short-text`] adds a `text` shortcut property for several
text-related properties.
* [`postcss-size`] adds a `size` shortcut that sets width and height
with one declaration.
* [`postcss-speech-bubble`] adds speech bubbles of different kinds
with just a couple of lines of CSS.
* [`postcss-transform-shortcut`] allows shorthand transform properties in CSS.
* [`postcss-triangle`] creates a triangle.
* [`postcss-verthorz`] adds vertical and horizontal spacing declarations.
* [`font-magician`] generates all the `@font-face` rules needed in CSS.
* [`postcss-animation`] PostCSS plugin that adds `@keyframes` from animate.css.
* [`postcss-magic-animations`] PostCSS plugin that adds `@keyframes` from Magic Animations.
## Others
* [`postcss-autoreset`] automatically adds reset styles.
* [`postcss-class-prefix`] adds a prefix/namespace to class selectors.
* [`postcss-attribute-selector-prefix`] adds a prefix to attribute selectors
* [`postcss-currency`] replaces name of currency with symbols.
* [`postcss-fakeid`] transforms `#foo` IDs to attribute selectors `[id="foo"]`.
* [`postcss-filter-stream`] blacklist files / folders that you don't want
to process with a PostCSS plugin.
* [`postcss-flexbox`] easy way to understand and start using CSS3 Flexbox.
* [`postcss-flexboxfixer`] unprefixes `-webkit-` only flexbox in legacy CSS.
* [`postcss-flexbugs-fixes`] fixes some of known [flexbox bugs].
* [`postcss-gradientfixer`] unprefixes `-webkit-` only gradients in legacy CSS.
* [`postcss-increase-specificity`] increases the specificity of your selectors.
* [`postcss-modules`] allows to use CSS Modules everywhere.
* [`postcss-mq-keyframes`] moves any animation keyframes in media queries
to the end of the file.
* [`postcss-pseudo-elements-content`] adds `content: ''` to `:before-c`
and `:after-c`.
* [`postcss-pseudo-content-insert`] adds `content: ''` to `:before` and `:after`
if it is missing.
* [`postcss-pxtorem`] converts pixel units to `rem`.
* [`postcss-safe-important`] adds `!important` to style declarations safely.
* [`postcss-sanitize`] remove properties and values using rules (css sanitization).
* [`postcss-select`] select rules based off a selector list.
* [`postcss-selector-prefixer`] adds a prefix to css selectors.
* [`postcss-shorthand-expand`] expands shorthand properties.
* [`postcss-sorting`] sort rules content with specified order.
* [`postcss-raw`] protects nodes inside `@raw` at-rules from being touched
by other plugins.
* [`postcss-remove-prefixes`] removes vendor prefixes.
* [`postcss-style-guide`] generates a style guide automatically.
* [`postcss-scopify`] adds a user input scope to each selector.
* [`css-declaration-sorter`] sorts CSS declarations fast and automatically
in a certain order.
* [`perfectionist`] formats poorly written CSS and renders a “pretty” result.
* [`postcss-inline-rtl`] converts your CSS to right-to-left,
but inline (adding just what you need).
* [`rtlcss`] mirrors styles for right-to-left locales.
* [`stylefmt`] modern CSS formatter that works well with `stylelint`.
[flexbox bugs]: https://github.com/philipwalton/flexbugs
## Analysis
* [`postcss-bem-linter`] lints CSS for conformance to SUIT CSS methodology.
* [`postcss-cssstats`] returns an object with CSS statistics.
* [`postcss-regexp-detect`] search for regexp in CSS declarations.
* [`css2modernizr`] creates a Modernizr config file
that requires only the tests that your CSS uses.
* [`doiuse`] lints CSS for browser support, using data from Can I Use.
* [`immutable-css`] lints CSS for class mutations.
* [`list-selectors`] lists and categorizes the selectors used in your CSS,
for code review.
## Reporters
* [`postcss-browser-reporter`] displays warning messages from other plugins
right in your browser.
* [`postcss-reporter`] logs warnings and other messages from other plugins
in the console.
## Fun
* [`postcss-australian-stylesheets`] Australian Style Sheets.
* [`postcss-andalusian-stylesheets`] Andalusian Style Sheets.
* [`postcss-canadian-stylesheets`] Canadian Style Sheets.
* [`postcss-chinese-stylesheets`] Chinese Style Sheets.
* [`postcss-czech-stylesheets`] Czech Style Sheets.
* [`postcss-german-stylesheets`] German Style Sheets.
* [`postcss-russian-stylesheets`] Russian Style Sheets.
* [`postcss-swedish-stylesheets`] Swedish Style Sheets.
* [`postcss-tatar-stylesheets`] Tatar Style Sheets
* [`postcss-trolling`] Trolling Style Sheets.
* [`postcss-lolcat-stylesheets`] Lolspeak Style Sheets.
* [`postcss-imperial`] adds CSS support for Imperial and US customary units
of length.
* [`postcss-russian-units`] adds CSS support for russian units of length.
* [`postcss-pointer`] Replaces `pointer: cursor` with `cursor: pointer`.
* [`postcss-spiffing`] lets you use British English in your CSS.
* [`postcss-spanish-stylesheets`] Spanish Style Sheets.
[`postcss-gradient-transparency-fix`]: https://github.com/gilmoreorless/postcss-gradient-transparency-fix
[`postcss-attribute-selector-prefix`]: https://github.com/GitScrum/postcss-attribute-selector-prefix
[`postcss-vertical-rhythm-function`]: https://github.com/F21/postcss-vertical-rhythm-function
[`postcss-pseudo-class-any-button`]: https://github.com/andrepolischuk/postcss-pseudo-class-any-button
[`postcss-pseudo-elements-content`]: https://github.com/omgovich/postcss-pseudo-elements-content
[`postcss-australian-stylesheets`]: https://github.com/dp-lewis/postcss-australian-stylesheets
[`postcss-andalusian-stylesheets`]: https://github.com/bameda/postcss-andalusian-stylesheets
[`postcss-pseudo-class-any-link`]: https://github.com/jonathantneal/postcss-pseudo-class-any-link
[`postcss-pseudo-content-insert`]: https://github.com/liquidlight/postcss-pseudo-content-insert
[`postcss-canadian-stylesheets`]: https://github.com/chancancode/postcss-canadian-stylesheets
[`postcss-chinese-stylesheets`]: https://github.com/zhouwenbin/postcss-chinese-stylesheets
[`postcss-czech-stylesheets`]: https://github.com/HoBi/postcss-czech-stylesheets
[`postcss-increase-specificity`]: https://github.com/MadLittleMods/postcss-increase-specificity
[`postcss-swedish-stylesheets`]: https://github.com/johnie/postcss-swedish-stylesheets
[`postcss-russian-stylesheets`]: https://github.com/Semigradsky/postcss-russian-stylesheets
[`postcss-color-rebeccapurple`]: https://github.com/postcss/postcss-color-rebeccapurple
[`postcss-color-rgba-fallback`]: https://github.com/postcss/postcss-color-rgba-fallback
[`postcss-spanish-stylesheets`]: https://github.com/ismamz/postcss-spanish-stylesheets
[`postcss-lolcat-stylesheets`]: https://github.com/sandralundgren/postcss-lolcat-stylesheets
[`postcss-german-stylesheets`]: https://github.com/timche/postcss-german-stylesheets
[`postcss-discard-duplicates`]: https://github.com/ben-eb/postcss-discard-duplicates
[`postcss-minify-font-weight`]: https://github.com/ben-eb/postcss-minify-font-weight
[`postcss-pseudo-class-enter`]: https://github.com/jonathantneal/postcss-pseudo-class-enter
[`postcss-transform-shortcut`]: https://github.com/jonathantneal/postcss-transform-shortcut
[`postcss-at-rules-variables`]: https://github.com/GitScrum/postcss-at-rules-variables
[`postcss-logical-properties`]: https://github.com/ahmadalfy/postcss-logical-properties
[`postcss-responsive-images`]: https://github.com/azat-io/postcss-responsive-images
[`postcss-tatar-stylesheets`]: https://github.com/azat-io/postcss-tatar-stylesheets
[`postcss-custom-properties`]: https://github.com/postcss/postcss-custom-properties
[`postcss-discard-font-face`]: https://github.com/ben-eb/postcss-discard-font-face
[`postcss-selector-prefixer`]: https://github.com/ronnyamarante/postcss-selector-prefixer
[`postcss-custom-selectors`]: https://github.com/postcss/postcss-custom-selectors
[`postcss-discard-comments`]: https://github.com/ben-eb/postcss-discard-comments
[`postcss-minify-selectors`]: https://github.com/ben-eb/postcss-minify-selectors
[`postcss-mqwidth-to-class`]: https://github.com/notacouch/postcss-mqwidth-to-class
[`postcss-quantity-queries`]: https://github.com/pascalduez/postcss-quantity-queries
[`postcss-browser-reporter`]: https://github.com/postcss/postcss-browser-reporter
[`postcss-selector-matches`]: https://github.com/postcss/postcss-selector-matches
[`postcss-shorthand-expand`]: https://github.com/johnotander/postcss-shorthand-expand
[`postcss-current-selector`]: https://github.com/komlev/postcss-current-selector
[`postcss-all-link-colors`]: https://github.com/jedmao/postcss-all-link-colors
[`postcss-color-hex-alpha`]: https://github.com/postcss/postcss-color-hex-alpha
[`postcss-define-property`]: https://github.com/daleeidd/postcss-define-property
[`postcss-filter-gradient`]: https://github.com/yuezk/postcss-filter-gradient
[`postcss-generate-preset`]: https://github.com/simonsmith/postcss-generate-preset
[`postcss-media-variables`]: https://github.com/WolfgangKluge/postcss-media-variables
[`postcss-property-lookup`]: https://github.com/simonsmith/postcss-property-lookup
[`postcss-vertical-rhythm`]: https://github.com/markgoodyear/postcss-vertical-rhythm
[`postcss-local-constants`]: https://github.com/macropodhq/postcss-constants
[`postcss-remove-prefixes`]: https://github.com/johnotander/postcss-remove-prefixes
[`postcss-responsive-type`]: https://github.com/seaneking/postcss-responsive-type
[`postcss-round-subpixels`]: https://github.com/himynameisdave/postcss-round-subpixels
[`postcss-short-font-size`]: https://github.com/jonathantneal/postcss-short-font-size
[`postcss-color-function`]: https://github.com/postcss/postcss-color-function
[`postcss-conic-gradient`]: https://github.com/jonathantneal/postcss-conic-gradient
[`postcss-convert-values`]: https://github.com/ben-eb/postcss-convert-values
[`postcss-partial-import`]: https://github.com/jonathantneal/postcss-partial-import
[`postcss-pseudoelements`]: https://github.com/axa-ch/postcss-pseudoelements
[`postcss-safe-important`]: https://github.com/Crimx/postcss-safe-important
[`postcss-short-position`]: https://github.com/jonathantneal/postcss-short-position
[`postcss-single-charset`]: https://github.com/hail2u/postcss-single-charset
[`postcss-flexbugs-fixes`]: https://github.com/luisrudge/postcss-flexbugs-fixes
[`postcss-shades-of-gray`]: https://github.com/laureanoarcanio/postcss-shades-of-gray
[`postcss-hash-classname`]: https://github.com/ctxhou/postcss-hash-classname
[`postcss-oldschool-grid`]: https://github.com/lordgiotto/postcss-oldschool-grid
[`postcss-alias-atrules`]: https://github.com/maximkoretskiy/postcss-alias-atrules
[`postcss-color-palette`]: https://github.com/zaim/postcss-color-palette
[`postcss-assets-rebase`]: https://github.com/devex-web-frontend/postcss-assets-rebase
[`postcss-color-pantone`]: https://github.com/longdog/postcss-color-pantone
[`postcss-css-variables`]: https://github.com/MadLittleMods/postcss-css-variables
[`postcss-discard-empty`]: https://github.com/ben-eb/postcss-discard-empty
[`postcss-gradientfixer`]: https://github.com/hallvors/postcss-gradientfixer
[`postcss-modular-scale`]: https://github.com/kristoferjoseph/postcss-modular-scale
[`postcss-normalize-url`]: https://github.com/ben-eb/postcss-normalize-url
[`postcss-reduce-idents`]: https://github.com/ben-eb/postcss-reduce-idents
[`postcss-short-spacing`]: https://github.com/jonathantneal/postcss-short-spacing
[`postcss-simple-extend`]: https://github.com/davidtheclark/postcss-simple-extend
[`postcss-russian-units`]: https://github.com/Semigradsky/postcss-russian-units
[`postcss-image-inliner`]: https://github.com/bezoerb/postcss-image-inliner
[`postcss-reverse-media`]: https://github.com/MadLittleMods/postcss-reverse-media
[`postcss-regexp-detect`]: https://github.com/devex-web-frontend/postcss-regexp-detect
[`postcss-speech-bubble`]: https://github.com/archana-s/postcss-speech-bubble
[`postcss-mq-keyframes`]: https://github.com/TCotton/postcss-mq-keyframes
[`postcss-brand-colors`]: https://github.com/postcss/postcss-brand-colors
[`postcss-class-prefix`]: https://github.com/thompsongl/postcss-class-prefix
[`postcss-conditionals`]: https://github.com/andyjansson/postcss-conditionals
[`postcss-sassy-mixins`]: https://github.com/andyjansson/postcss-sassy-mixins
[`postcss-custom-media`]: https://github.com/postcss/postcss-custom-media
[`postcss-default-unit`]: https://github.com/antyakushev/postcss-default-unit
[`postcss-font-awesome`]: https://github.com/dan-gamble/postcss-font-awesome
[`postcss-flexibility`]: https://github.com/7rulnik/postcss-flexibility
[`postcss-flexboxfixer`]: https://github.com/hallvors/postcss-flexboxfixer
[`postcss-font-normalize`]: https://github.com/iahu/postcss-font-normalize
[`postcss-font-variant`]: https://github.com/postcss/postcss-font-variant
[`postcss-media-minmax`]: https://github.com/postcss/postcss-media-minmax
[`postcss-merge-idents`]: https://github.com/ben-eb/postcss-merge-idents
[`postcss-selector-not`]: https://github.com/postcss/postcss-selector-not
[`postcss-svg-fallback`]: https://github.com/justim/postcss-svg-fallback
[`postcss-nested-props`]: https://github.com/jedmao/postcss-nested-props
[`postcss-aspect-ratio`]: https://github.com/arccoza/postcss-aspect-ratio
[`postcss-cachebuster`]: https://github.com/glebmachine/postcss-cachebuster
[`postcss-easysprites`]: https://github.com/glebmachine/postcss-easysprites
[`postcss-nested-vars`]: https://github.com/jedmao/postcss-nested-vars
[`postcss-color-alpha`]: https://github.com/avanes/postcss-color-alpha
[`postcss-color-scale`]: https://github.com/kristoferjoseph/postcss-color-scale
[`postcss-color-short`]: https://github.com/andrepolischuk/postcss-color-short
[`postcss-copy-assets`]: https://github.com/shutterstock/postcss-copy-assets
[`postcss-data-packer`]: https://github.com/Ser-Gen/postcss-data-packer
[`postcss-font-family`]: https://github.com/ben-eb/postcss-font-family
[`postcss-simple-grid`]: https://github.com/admdh/postcss-simple-grid
[`postcss-merge-rules`]: https://github.com/ben-eb/postcss-merge-rules
[`postcss-simple-vars`]: https://github.com/postcss/postcss-simple-vars
[`postcss-strip-units`]: https://github.com/whitneyit/postcss-strip-units
[`postcss-style-guide`]: https://github.com/morishitter/postcss-style-guide
[`postcss-will-change`]: https://github.com/postcss/postcss-will-change
[`postcss-input-style`]: https://github.com/seaneking/postcss-input-style
[`css-declaration-sorter`]: https://github.com/Siilwyn/css-declaration-sorter
[`postcss-remove-root`]: https://github.com/cbracco/postcss-remove-root
[`postcss-mq-optimize`]: https://github.com/panec/postcss-mq-optimize
[`postcss-ase-colors`]: https://github.com/dfernandez79/postcss-ase-colors
[`postcss-bem-linter`]: https://github.com/postcss/postcss-bem-linter
[`postcss-color-gray`]: https://github.com/postcss/postcss-color-gray
[`postcss-colorblind`]: https://github.com/btholt/postcss-colorblind
[`postcss-inline-rtl`]: https://github.com/jakob101/postcss-inline-rtl
[`postcss-color-hexa`]: https://github.com/nicksheffield/postcss-color-hexa
[`postcss-short-text`]: https://github.com/jonathantneal/postcss-short-text
[`postcss-inline-svg`]: https://github.com/TrySound/postcss-inline-svg
[`postcss-autoreset`]: https://github.com/maximkoretskiy/postcss-autoreset
[`postcss-font-pack`]: https://github.com/jedmao/postcss-font-pack
[`postcss-reference`]: https://github.com/dehuszar/postcss-reference
[`postcss-functions`]: https://github.com/andyjansson/postcss-functions
[`postcss-color-hcl`]: https://github.com/devgru/postcss-color-hcl
[`postcss-color-hwb`]: https://github.com/postcss/postcss-color-hwb
[`postcss-color-mix`]: https://github.com/iamstarkov/postcss-color-mix
[`postcss-color-yiq`]: https://github.com/ben-eb/postcss-color-yiq
[`postcss-filter-mq`]: https://github.com/simeydotme/postcss-filter-mq
[`postcss-image-set`]: https://github.com/alex499/postcss-image-set
[`postcss-write-svg`]: https://github.com/jonathantneal/postcss-write-svg
[`postcss-animation`]: https://github.com/zhouwenbin/postcss-animation
[`postcss-instagram`]: https://github.com/azat-io/postcss-instagram
[`postcss-namespace`]: https://github.com/totora0155/postcss-namespace
[`postcss-clearfix`]: https://github.com/seaneking/postcss-clearfix
[`postcss-colormin`]: https://github.com/ben-eb/colormin
[`postcss-cssstats`]: https://github.com/cssstats/postcss-cssstats
[`postcss-currency`]: https://github.com/talgautb/postcss-currency
[`postcss-fallback`]: https://github.com/MadLittleMods/postcss-fallback
[`postcss-imperial`]: https://github.com/cbas/postcss-imperial
[`postcss-position`]: https://github.com/seaneking/postcss-position
[`postcss-rgba-hex`]: https://github.com/XOP/postcss-rgba-hex
[`postcss-contrast`]: https://github.com/stephenway/postcss-contrast
[`postcss-spiffing`]: https://github.com/HashanP/postcss-spiffing
[`postcss-triangle`]: https://github.com/jedmao/postcss-triangle
[`postcss-verthorz`]: https://github.com/davidhemphill/postcss-verthorz
[`pleeease-filters`]: https://github.com/iamvdo/pleeease-filters
[`postcss-fontpath`]: https://github.com/seaneking/postcss-fontpath
[`postcss-reporter`]: https://github.com/postcss/postcss-reporter
[`postcss-trolling`]: https://github.com/juanfran/postcss-trolling
[`postcss-if-media`]: https://github.com/arccoza/postcss-if-media
[`postcss-flexbox`]: https://github.com/archana-s/postcss-flexbox
[`postcss-modules`]: https://github.com/outpunk/postcss-modules
[`postcss-easings`]: https://github.com/postcss/postcss-easings
[`postcss-hexrgba`]: https://github.com/seaneking/postcss-hexrgba
[`postcss-initial`]: https://github.com/maximkoretskiy/postcss-initial
[`postcss-rgb-plz`]: https://github.com/himynameisdave/postcss-rgb-plz
[`postcss-opacity`]: https://github.com/iamvdo/postcss-opacity
[`postcss-pointer`]: https://github.com/markgoodyear/postcss-pointer
[`postcss-pxtorem`]: https://github.com/cuth/postcss-pxtorem
[`postcss-scopify`]: https://github.com/pazams/postcss-scopify
[`postcss-sprites`]: https://github.com/2createStudio/postcss-sprites
[`postcss-sorting`]: https://github.com/hudochenkov/postcss-sorting
[`postcss-assets`]: https://github.com/borodean/postcss-assets
[`postcss-border`]: https://github.com/andrepolischuk/postcss-border
[`postcss-center`]: https://github.com/jedmao/postcss-center
[`postcss-circle`]: https://github.com/jedmao/postcss-circle
[`postcss-hidden`]: https://github.com/lukelarsen/postcss-hidden
[`postcss-urlrev`]: https://github.com/yuezk/postcss-urlrev
[`postcss-extend`]: https://github.com/travco/postcss-extend
[`postcss-fakeid`]: https://github.com/pathsofdesign/postcss-fakeid
[`postcss-filter-stream`]: https://github.com/tsm91/postcss-filter-stream
[`postcss-filter`]: https://github.com/alanev/postcss-filter
[`postcss-import`]: https://github.com/postcss/postcss-import
[`postcss-mixins`]: https://github.com/postcss/postcss-mixins
[`postcss-nested`]: https://github.com/postcss/postcss-nested
[`postcss-select`]: https://github.com/johnotander/postcss-select
[`postcss-zindex`]: https://github.com/ben-eb/postcss-zindex
[`list-selectors`]: https://github.com/davidtheclark/list-selectors
[`mq4-hover-shim`]: https://github.com/twbs/mq4-hover-shim
[`postcss-atroot`]: https://github.com/OEvgeny/postcss-atroot
[`postcss-layout`]: https://github.com/arccoza/postcss-layout
[`postcss-focus`]: https://github.com/postcss/postcss-focus
[`postcss-apply`]: https://github.com/pascalduez/postcss-apply
[`css2modernizr`]: https://github.com/vovanbo/css2modernizr
[`font-magician`]: https://github.com/jonathantneal/postcss-font-magician
[`postcss-match`]: https://github.com/rtsao/postcss-match
[`postcss-alias`]: https://github.com/seaneking/postcss-alias
[`postcss-scrib`]: https://github.com/sneakertack/postcss-scrib
[`perfectionist`]: https://github.com/ben-eb/perfectionist
[`immutable-css`]: https://github.com/johnotander/immutable-css
[`postcss-at2x`]: https://github.com/simonsmith/postcss-at2x
[`postcss-calc`]: https://github.com/postcss/postcss-calc
[`postcss-crip`]: https://github.com/johnie/postcss-crip
[`postcss-each`]: https://github.com/outpunk/postcss-each
[`postcss-epub`]: https://github.com/Rycochet/postcss-epub
[`postcss-grid`]: https://github.com/andyjansson/postcss-grid
[`postcss-host`]: https://github.com/vitkarpov/postcss-host
[`postcss-neat`]: https://github.com/jo-asakura/postcss-neat
[`postcss-size`]: https://github.com/postcss/postcss-size
[`postcss-svgo`]: https://github.com/ben-eb/postcss-svgo
[`postcss-unmq`]: https://github.com/jonathantneal/postcss-unmq
[`postcss-vmin`]: https://github.com/iamvdo/postcss-vmin
[`autoprefixer`]: https://github.com/postcss/autoprefixer
[`css-mqpacker`]: https://github.com/hail2u/node-css-mqpacker
[`postcss-bem`]: https://github.com/ileri/postcss-bem
[`postcss-for`]: https://github.com/antyakushev/postcss-for
[`postcss-map`]: https://github.com/pascalduez/postcss-map
[`postcss-raw`]: https://github.com/MadLittleMods/postcss-raw
[`postcss-svg`]: https://github.com/Pavliko/postcss-svg
[`postcss-url`]: https://github.com/postcss/postcss-url
[`colorguard`]: https://github.com/SlexAxton/css-colorguard
[`stylehacks`]: https://github.com/ben-eb/stylehacks
[`css-byebye`]: https://github.com/AoDev/css-byebye
[`cssgrace`]: https://github.com/cssdream/cssgrace
[`csstyle`]: https://github.com/geddski/csstyle
[`webpcss`]: https://github.com/lexich/webpcss
[`stylefmt`]: https://github.com/morishitter/stylefmt
[`doiuse`]: https://github.com/anandthakker/doiuse
[`pixrem`]: https://github.com/robwierzbowski/node-pixrem
[`rtlcss`]: https://github.com/MohammadYounes/rtlcss
[`short`]: https://github.com/jonathantneal/postcss-short
[`lost`]: https://github.com/corysimmons/lost
[`postcss-maze`]: https://github.com/cathydutton/postcss-maze
[`postcss-get-color`]: https://github.com/ismamz/postcss-get-color
[`postcss-sanitize`]: https://github.com/eramdam/postcss-sanitize
[`postcss-magic-animations`]: https://github.com/nucliweb/postcss-magic-animations/