# PostCSS Plugins

**Table of Contents**

- [Control](#control)
- [Packs](#packs)
- [Future CSS Syntax](#future-css-syntax)
- [Fallbacks](#fallbacks)
- [Language Extensions](#language-extensions)
- [Images and Fonts](#images-and-fonts)
- [Grids](#grids)
- [Optimizations](#optimizations)
- [Shortcuts](#shortcuts)
- [Others](#others)
- [Analysis](#analysis)
- [Reporters](#reporters)
- [Fun](#fun)

## Control

There are two ways to make PostCSS magic more explicit.

Limit a plugin's local stylesheet context using [`postcss-plugin-context`]:

```pcss
.css-example.is-test-for-css4-browsers {
  color: gray(255, 50%);
}
@context postcss-preset-env {
  .css-example.is-fallback-for-all-browsers {
    color: gray(255, 50%);
  }
}
```

Or enable plugins directly in CSS using [`postcss-use`]:

```pcss
@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

- [`postcss-utilities`] includes the most commonly used mixins, shortcuts
  and helpers to use as `@util` rules.
- [`atcss`] contains plugins that transform your CSS according
  to special annotation comments.
- [`cssnano`] contains plugins that optimize CSS size for use in production.
- [`oldie`] contains plugins that transform your CSS
  for older Internet Explorer compatibility.
- [`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.
- [`postcss-hamster`] for vertical rhythm, typography, modular scale functions.
- [`postcss-preset-env`] lets you convert modern CSS into something most
  browsers can understand, determining the polyfills you need based
  on your targeted browsers or runtime environments.
- [`postcss-ui-theme`] gives you syntax sugar and allows you to change theme.

[`postcss-preset-env`]: https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env
[`postcss-utilities`]: https://github.com/ismamz/postcss-utilities
[`postcss-hamster`]: https://github.com/h0tc0d3/postcss-hamster
[`stylelint`]: https://github.com/stylelint/stylelint
[`rucksack`]: https://github.com/seaneking/rucksack
[`cssnano`]: https://cssnano.github.io/cssnano/
[`level4`]: https://github.com/stephenway/level4
[`oldie`]: https://github.com/csstools/oldie
[`atcss`]: https://github.com/morishitter/atcss
[`postcss-ui-theme`]: https://github.com/cleverboy32/postcss-ui-theme

## Future CSS Syntax

- [`postcss-apply`] supports custom properties sets references.
- [`postcss-attribute-case-insensitive`] supports case insensitive attributes.
- [`postcss-bidirection`] generate left-to-right and right-to-left styles
  with single 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-hsl`]: transforms CSS Colors 4 `hsl()` to more compatible
  `hsl()` or `hsla()`.
- [`postcss-color-hwb`] transforms `hwb()` to widely compatible `rgb()`.
- [`postcss-color-image`] supports `image(<color>)` syntax
  allowing to use a solid color as an image.
- [`postcss-color-rebeccapurple`] supports the `rebeccapurple` color.
- [`postcss-color-rgb`]: transforms CSS Colors 4 `rgb()` to more compatible
  `rgb()` or `rgba()`.
- [`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-format-keywords`] transforms keywords in `@font-face` rule’s
  `format()` function to widely supported strings.
- [`postcss-font-normalize`] to normalize font, especially `font-family`.
- [`postcss-font-variant`] transpiles human-readable `font-variant`
  to more widely supported CSS.
- [`postcss-font-family-system-ui`] transforms W3C CSS `font-family: system-ui`
  to a practical font list.
- [`postcss-font-display`] add `font-display` css rule.
- [`postcss-if-function`] transforms `if()` function for `media()` and
  `supports()` to `@media` and `@supports` queries.
- [`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-multi-value-display`] transforms `inline flex` and `block flow`
  to `inline-flex` and `block`
- [`postcss-pseudo-class-any-link`] adds `:any-link` pseudo-class.
- [`postcss-pseudo-is`] transforms `:is()` to more compatible CSS.
- [`postcss-selector-not`] transforms CSS4 `:not()` to CSS3 `:not()`.
- [`postcss-selector-matches`] transforms CSS4 `:matches()`
  to more compatible CSS.
- [`postcss-start-to-end`] lets you control your layout (LTR or RTL)
  through logical rather than direction / physical rules.
- [`postcss-subgrid`] provides a basic shim for the CSS `display: subgrid` spec.
- [`mq4-hover-shim`] supports the `@media (hover)` feature.

See also [`postcss-preset-env`] plugins pack to add future CSS syntax
by one line of code.

## Fallbacks

- [`postcss-auto-var-fallback`] adds var fallbacks by provided files of variables.
- [`postcss-color-rgba-fallback`] transforms `rgba()` to hexadecimal.
- [`postcss-disabled`] adds a `[disabled]` attribute and/or a `.disabled` class
  when the `:disabled` pseudo class is present.
- [`postcss-epub`] adds the `-epub-` prefix to relevant properties.
- [`postcss-esplit`] splits your CSS exceeding 4095 selectors for IE.
- [`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-opacity-percentage`] transforms CSS4 percentage-based `opacity`
  values to float values.
- [`postcss-page-break`] adds `page-break-` fallback to `break-` properties.
- [`postcss-pseudoelements`] Convert `::` selectors into `:` selectors
  for IE 8 compatibility.
- [`postcss-redundant-color-vars`] adds custom property for certain border and
  box-shadow declarations to fix a known Safari bug
- [`postcss-replace-overflow-wrap`] replace `overflow-wrap` with `word-wrap`.
- [`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.
- [`postcss-pie`] makes IE several of the most useful CSS3 decoration features.
- [`cssgrace`] provides various helpers and transpiles CSS 3 for IE
  and other old browsers.
- [`pixrem`] generates pixel fallbacks for `rem` units.
- [`postcss-fixie`] adds easy and painless IE hacks
- [`postcss-safe-area`] adds browser fallbacks for `safe-area-inset` `env`
  variables.
- [`webp-in-css`] to use WebP background images in CSS.
- [`postcss-clamp`] transform `clamp()` to combination of `min/max`
- [`postcss-spring-easing`] replaces `spring()` with a resulting `linear()`
  function and add a `--spring-duration` css variable.

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-fix`] adds at-rules for BEM and SUIT style classes.
- [`postcss-click`] allows to use the `:click` pseudo class and implement
  it in JavaScript.
- [`postcss-compact-mq`] provides compact syntax for media queries based
  on viewport width.
- [`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-define-function`] to implement Sass `@function` directive.
- [`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-inline-extract`] extract inline styles from HTML and convert them to CSS rules.
- [`postcss-inline-media`] inline multiple media queries into CSS property
  values.
- [`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-ref`] refers properties from another rule.
- [`postcss-reverse-media`] reverse/Invert media query parameters.
- [`postcss-sassy-mixins`] enables mixins with Sass keywords.
- [`postcss-map-get`] adds the ability to use Sass like map function `map-get`.
- [`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.
- [`postcss-responsive-properties`] allows you to write responsive
  property values.
- [`postcss-text-remove-gap`] remove space before and after text strings, added
  by line-height and extra space in glyph itself.
- [`postcss-closest`] plugin to modify closest matching part of current
  selector.
- [`csstyle`] adds components workflow to your styles.
- [`postcss-percentage`] support Sass-like `percentage()` function.
- [`postcss-custom-css-units`] Define custom css units and convert them
  to CSS variables.
- [`postcss-easy-z`] lets you organize z-indices by declaring relations
  between them.
- [`@csstools/postcss-design-tokens`] lets you import and use design tokens
  from CSS.
- [`postcss-smooth-shadow`] generates more realistic smooth shadow.

[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-dark-theme-class`] to force dark or light theme by custom switcher.
- [`postcss-theme-colors`] add dark and light theme with color groups.
- [`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.
- [`postcss-randomcolor`] supports function to use random color.

## Images and Fonts

- [`avif-in-css`] to use AVIF image format in CSS background.
- [`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-background-image-auto-size`] generates CSS rules `width`
  and `height` for `background-image` automatically.
- [`postcss-border-9-patch`] generates 9-patch like border styles
  via a custom rule.
- [`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-icon-blender`] create custom SVG icon sets from over 80,000 free
  and open-source icons
- [`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-filter-tint`] adds tint filter to elements such as images.
- [`postcss-foft-classes`] adds guarding classes to blocks using web fonts
  for better font loading strategies.
- [`postcss-font-awesome`] adds an easy shortcut to font-awesome unicode codes
- [`postcss-font-grabber`] grabs remote fonts in `@font-face`,
  download them and update your CSS.
- [`postcss-font-pack`] simplifies font declarations and validates they match
  configured font packs.
- [`postcss-fontsize`] generates `rem` unit `font-size` and `line-height`
  with `px` fallbacks.
- [`postcss-fontpath`] adds font links for different browsers.
- [`postcss-fontsource-url`] rewrite Fontsource assets folder.
- [`postcss-lazyimagecss`] adds image width and height automatically.
- [`postcss-lazysprite`] generates sprites from the directory of images.
- [`postcss-placehold`] makes it easy to drop in placeholder images.
- [`postcss-resemble-image`] provides a gradient fallback for an image that
  loosely resembles the original.
- [`postcss-resolve-urls`] resolves relative urls referenced in `url()`s
- [`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-unicode-characters`] makes it easier to write `unicode-range`
  descriptors.
- [`postcss-url`] rebases or inlines `url()`s.
- [`postcss-urlrebase`] rebases `url()`s to a given root URL.
- [`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.
- [`webp-in-css`] to use WebP image format in CSS background.

## Grids

- [`postcss-grid`] adds a semantic grid system.
- [`postcss-grid-kiss`] transforms ASCII-art grids into CSS Grid layout.
- [`postcss-grid-system`] creates grids based on a fixed column width.
- [`postcss-grid-fluid`] creates fluid grids.
- [`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-remove-nested-calc`] `calc(100vw - calc(20% - 10px))` to
  `calc(100vw - (20% - 10px))` for IE 11 compatibility.
- [`postcss-class-name-shortener`] shortens CSS class names to optimize
  website performance.
- [`postcss-combine-duplicated-selectors`] automatically join identical
  selectors.
- [`postcss-filter-mq`] Filter all matching or non-matching media queries.
- [`postcss-import`] inlines the stylesheets referred to by `@import` rules.
- [`postcss-nested-import`] inlines stylesheets referred to by `@import` rules
  inside nested rule blocks.
- [`postcss-partial-import`] inlines standard imports and Sass-like partials.
- [`postcss-reference`] emulates Less’s `@import`.
- [`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.
- [`postcss-unprefix`] Unprefixes vendor prefixes in legacy CSS.
- [`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 expressions.
- [`postcss-uncss`] removes unused CSS from your stylesheets.
- [`postcss-html-filter`] filters out CSS that does not apply to the HTML
  you provide.
- [`postcss-no-important`] delete declarations !important.
- [`postcss-deep-scopable`] unified deep scoped style for Vue.js.
- [`postcss-deadcss`] helps to find dead CSS in stylesheets.
- [`postcss-variable-compress`] minifies css variables and saves you space.

See also plugins in modular minifier [`cssnano`].

[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-border-shortcut`] PostCSS plugin for assign default `border` type
  if not expressed.
- [`postcss-button`] creates buttons.
- [`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-nested-ancestors`] reference any parent/ancestor selector
  in nested CSS.
- [`postcss-parent-selector`] adds a parent selector to the beginning
  of all rules.
- [`postcss-position`] adds shorthand declarations for position attributes.
- [`postcss-property-lookup`] allows referencing property values without
  a variable.
- [`postcss-range-value`] range value with a max and min value between
  two screen sizes.
- [`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-typescale`] sets type based on a typographic scale.
- [`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-add-root-selector`] intelligently wraps all rules
  in a custom selector.
- [`postcss-alter-property-value`] alters your CSS declarations
  from a rule based configuration.
- [`postcss-attribute-selector-prefix`] adds a prefix to attribute selectors
- [`postcss-auto-rem`] compiles pixel units to `rem` without configuration.
- [`postcss-autoreset`] automatically adds reset styles.
- [`postcss-bem-to-js`] creates a JavaScript definition file for BEM-style CSS.
- [`postcss-bom`] adds a UTF-8 BOM to files.
- [`postcss-blurry-gradient-workaround`] fixes blurry CSS gradients
  with too many explicit end-stops.
- [`postcss-camelcaser`] transforms selectors to CamelCase.
- [`postcss-class-prefix`] adds a prefix/namespace to class selectors.
- [`postcss-classes-to-mixins`] converts classes to Sass, Less and Stylus mixins
- [`postcss-currency`] replaces name of currency with symbols.
- [`postcss-d-ts`] generates `.d.ts` declaration for TypeScript `import`
  from used CSS classes and ids
- [`postcss-eol`] replaces EOL of files.
- [`postcss-extract-value`] extracts values from css properties and puts them
  into variables.
- [`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-flexbox-reset`] resets Flexbox to avoid issues in responsive layouts.
- [`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-grid-reset`] resets CSS Grid to avoid issues in responsive layouts.
- [`postcss-hash`] replaces output file names with hash algorithms
  for cache busting.
- [`postcss-ie8`] strips out unsupported properties and media queries for IE8.
- [`postcss-increase-specificity`] increases the specificity of your selectors.
- [`postcss-inline-rtl`] converts your CSS to right-to-left,
  but inline (adding just what you need).
- [`postcss-join-transitions`] joins conflicting transition declarations.
- [`postcss-letter-tracking`] generates relative, Photoshop-compatible
  letter tracking for improved letter spacing.
- [`postcss-light-text`] adds `-webkit-` antialiasing for light text.
- [`postcss-modules`] allows to use CSS Modules everywhere.
- [`postcss-momentum-scrolling`] adding momentum style scrolling behavior
  (`-webkit-overflow-scrolling:touch`) for elements with overflow on iOS.
- [`postcss-mq-keyframes`] moves any animation keyframes in media queries
  to the end of the file.
- [`postcss-mq-last`] gives media query rules precedence by moving them
  to the end of the file.
- [`postcss-node-modules-replacer`] replaces path than includes `node_modules`
  to `~`.
- [`postcss-plugin-namespace`] add a css selector to all rules,
  so that CSS file don’t affect other element.
- [`postcss-prefix-hover`] adds a prefixed to any selector containing `:hover`.
- [`postcss-pseudo-content-insert`] adds `content: ''` to `:before` and `:after`
  if it is missing.
- [`postcss-pseudo-element-cases`] converts `.style::BEFORE`
  into `.style::before` and vice versa.
- [`postcss-pseudo-element-colons`] converts `.style:before`
  into `.style::before` and vice versa.
- [`postcss-pseudo-elements-content`] adds `content: ''` to `:before-c`
  and `:after-c`.
- [`postcss-pxtorem`] converts pixel units to `rem`.
- [`postcss-raw`] protects nodes inside `@raw` at-rules from being touched
  by other plugins.
- [`postcss-remove-prefixes`] removes vendor prefixes.
- [`postcss-rtlcss`] creates left-to-right and right-to-left rules
  in a single CSS file.
- [`postcss-safe-important`] adds `!important` to style declarations safely.
- [`postcss-sanitize`] remove properties and values using rules.
- [`postcss-scopify`] adds a user input scope to each selector.
- [`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-simple-trig`] calculate trigonometric functions: sin/cos/tan.
- [`postcss-sorting`] sort rules content with specified order.
- [`postcss-sort-media-queries`] combine and sort CSS media queries
  with mobile first or desktop first methods.
- [`postcss-style-guide`] generates a style guide automatically.
- [`css-declaration-sorter`] sorts CSS declarations fast and automatically
  in a certain order.
- [`perfectionist`] formats poorly written CSS and renders a “pretty” result.
- [`rtlcss`] mirrors styles for right-to-left locales.
- [`stylefmt`] modern CSS formatter that works well with `stylelint`.
- [`postcss-autocorrect`] corrects typos and notifies in the console.
- [`postcss-px-to-viewport`] generates viewport units
  (`vw`, `vh`, `vmin`, `vmax`) from `px` units.
- [`postcss-viewport-height-correction`] solves the popular problem when `100vh`
  doesn’t fit the mobile browser screen.
- [`postcss-unit-processor`] flexible processing of CSS units.
- [`postcss-rem-to-px`] converts `rem` values to `px` values.
- [`postcss-design-tokens`] provides a function to retrieve design tokens
  expressed in JS or JSON, within CSS.
- [`postcss-pixel-to-remvw`] converting px to both of rem and vw, also one of them
- [`postcss-easy-import`] inline `@import` rules content with extra features.
- [`postcss-plugin-ignore-file`] ignore file with a top-comment `/* @ignore */`.

[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-forced-variables`] provides warnings and errors when specified
  properties don’t use variables.
- [`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-aze-stylesheets`] Azerbaijanian 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-italian-stylesheets`] Italian 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-nope`] lets you write `nope` instead of `none`.
- [`postcss-glitch`] add glitch effect to your text.
- [`postcss-khaleesi`] translate CSS values and properties to
  `khaleesi meme` language.

[`postcss-background-image-auto-size`]: https://github.com/JustClear/postcss-background-image-auto-size
[`postcss-letter-tracking`]: https://github.com/letsjaam/postcss-letter-tracking
[`postcss-combine-duplicated-selectors`]: https://github.com/ChristianMurphy/postcss-combine-duplicated-selectors
[`postcss-attribute-case-insensitive`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-attribute-case-insensitive
[`postcss-alter-property-value`]: https://github.com/kunukn/postcss-alter-property-value
[`postcss-attribute-selector-prefix`]: https://github.com/GitScrum/postcss-attribute-selector-prefix
[`postcss-gradient-transparency-fix`]: https://github.com/gilmoreorless/postcss-gradient-transparency-fix
[`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-pseudo-element-cases`]: https://github.com/timelsass/postcss-pseudo-element-cases
[`postcss-pseudo-element-colons`]: https://github.com/timelsass/postcss-pseudo-element-colons
[`postcss-aze-stylesheets`]: https://github.com/iskandarovBakshi/postcss-aze-stylesheets
[`postcss-andalusian-stylesheets`]: https://github.com/bameda/postcss-andalusian-stylesheets
[`postcss-australian-stylesheets`]: https://github.com/dp-lewis/postcss-australian-stylesheets
[`postcss-responsive-properties`]: https://github.com/alexandr-solovyov/postcss-responsive-properties
[`postcss-pseudo-class-any-link`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/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-increase-specificity`]: https://github.com/MadLittleMods/postcss-increase-specificity
[`postcss-chinese-stylesheets`]: https://github.com/zhouwenbin/postcss-chinese-stylesheets
[`postcss-italian-stylesheets`]: https://github.com/Pustur/postcss-italian-stylesheets
[`postcss-russian-stylesheets`]: https://github.com/Semigradsky/postcss-russian-stylesheets
[`postcss-swedish-stylesheets`]: https://github.com/johnie/postcss-swedish-stylesheets
[`postcss-color-rebeccapurple`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-rebeccapurple
[`postcss-auto-var-fallback`]: https://github.com/Ch-Valentine/postcss-auto-var-fallback
[`postcss-color-rgba-fallback`]: https://github.com/postcss/postcss-color-rgba-fallback
[`postcss-spanish-stylesheets`]: https://github.com/ismamz/postcss-spanish-stylesheets
[`postcss-at-rules-variables`]: https://github.com/GitScrum/postcss-at-rules-variables
[`postcss-discard-duplicates`]: https://github.com/ben-eb/postcss-discard-duplicates
[`postcss-german-stylesheets`]: https://github.com/timche/postcss-german-stylesheets
[`postcss-logical-properties`]: https://github.com/ahmadalfy/postcss-logical-properties
[`postcss-bidirection`]: https://github.com/gasolin/postcss-bidirection
[`postcss-lolcat-stylesheets`]: https://github.com/sandralundgren/postcss-lolcat-stylesheets
[`postcss-minify-font-weight`]: https://github.com/ben-eb/postcss-minify-font-weight
[`postcss-pseudo-class-enter`]: https://github.com/csstools/postcss-pseudo-class-enter
[`postcss-transform-shortcut`]: https://github.com/csstools/postcss-transform-shortcut
[`postcss-unicode-characters`]: https://github.com/ben-eb/postcss-unicode-characters
[`postcss-custom-properties`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-properties
[`postcss-czech-stylesheets`]: https://github.com/HoBi/postcss-czech-stylesheets
[`postcss-discard-font-face`]: https://github.com/ben-eb/postcss-discard-font-face
[`postcss-responsive-images`]: https://www.npmjs.com/package/postcss-responsive-images
[`postcss-selector-prefixer`]: https://github.com/amaranter/postcss-selector-prefixer
[`postcss-tatar-stylesheets`]: https://github.com/azat-io/postcss-tatar-stylesheets
[`postcss-browser-reporter`]: https://github.com/postcss/postcss-browser-reporter
[`postcss-current-selector`]: https://github.com/komlev/postcss-current-selector
[`postcss-custom-selectors`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-selectors
[`postcss-discard-comments`]: https://github.com/ben-eb/postcss-discard-comments
[`postcss-forced-variables`]: https://github.com/alekhrycaiko/postcss-forced-variables
[`postcss-magic-animations`]: https://github.com/nucliweb/postcss-magic-animations/
[`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-selector-matches`]: https://github.com/postcss/postcss-selector-matches
[`postcss-shorthand-expand`]: https://github.com/johnotander/postcss-shorthand-expand
[`postcss-dark-theme-class`]: https://github.com/postcss/postcss-dark-theme-class
[`postcss-theme-colors`]: https://github.com/ambar/postcss-theme-colors
[`postcss-all-link-colors`]: https://github.com/jedmao/postcss-all-link-colors
[`postcss-border-shortcut`]: https://github.com/michelemazzucco/postcss-border-shortcut
[`postcss-color-hex-alpha`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-hex-alpha
[`postcss-define-property`]: https://github.com/daleeidd/postcss-define-property
[`postcss-define-function`]: https://github.com/titancat/postcss-define-function
[`postcss-filter-gradient`]: https://github.com/yuezk/postcss-filter-gradient
[`postcss-generate-preset`]: https://github.com/simonsmith/postcss-generate-preset
[`postcss-local-constants`]: https://github.com/macropodhq/postcss-constants
[`postcss-media-variables`]: https://github.com/WolfgangKluge/postcss-media-variables
[`postcss-page-break`]: https://github.com/shrpne/postcss-page-break
[`postcss-property-lookup`]: https://github.com/simonsmith/postcss-property-lookup
[`postcss-remove-prefixes`]: https://github.com/johnotander/postcss-remove-prefixes
[`postcss-replace-overflow-wrap`]: https://github.com/MattDiMu/postcss-replace-overflow-wrap
[`postcss-range-value`]: https://github.com/soberwp/postcss-range-value
[`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/csstools/postcss-short-font-size
[`postcss-vertical-rhythm`]: https://github.com/markgoodyear/postcss-vertical-rhythm
[`postcss-border-9-patch`]: https://github.com/teaualune/postcss-border-9-patch
[`postcss-color-function`]: https://github.com/postcss/postcss-color-function
[`postcss-conic-gradient`]: https://github.com/csstools/postcss-conic-gradient
[`postcss-convert-values`]: https://github.com/ben-eb/postcss-convert-values
[`postcss-flexbugs-fixes`]: https://github.com/luisrudge/postcss-flexbugs-fixes
[`postcss-font-format-keywords`]: https://github.com/valtlai/postcss-font-format-keywords
[`postcss-font-normalize`]: https://github.com/iahu/postcss-font-normalize
[`postcss-hash-classname`]: https://github.com/ctxhou/postcss-hash-classname
[`postcss-oldschool-grid`]: https://github.com/lordgiotto/postcss-oldschool-grid
[`postcss-partial-import`]: https://github.com/csstools/postcss-partial-import
[`postcss-pseudoelements`]: https://github.com/axa-ch/postcss-pseudoelements
[`postcss-resemble-image`]: https://github.com/ben-eb/postcss-resemble-image
[`postcss-safe-important`]: https://github.com/Crimx/postcss-safe-important
[`postcss-shades-of-gray`]: https://github.com/laureanoarcanio/postcss-shades-of-gray
[`postcss-short-position`]: https://github.com/csstools/postcss-short-position
[`postcss-single-charset`]: https://github.com/hail2u/postcss-single-charset
[`css-declaration-sorter`]: https://github.com/Siilwyn/css-declaration-sorter
[`postcss-alias-atrules`]: https://github.com/maximkoretskiy/postcss-alias-atrules
[`postcss-assets-rebase`]: https://github.com/devex-web-frontend/postcss-assets-rebase
[`postcss-color-palette`]: https://github.com/zaim/postcss-color-palette
[`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-extract-value`]: https://github.com/lutien/postcss-extract-value
[`postcss-smooth-shadow`]: https://github.com/postcss/postcss-smooth-shadow/
[`postcss-filter-stream`]: https://www.npmjs.com/package/postcss-filter-stream
[`postcss-gradientfixer`]: https://github.com/hallvors/postcss-gradientfixer
[`postcss-image-inliner`]: https://github.com/bezoerb/postcss-image-inliner
[`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-regexp-detect`]: https://github.com/devex-web-frontend/postcss-regexp-detect
[`postcss-reverse-media`]: https://github.com/MadLittleMods/postcss-reverse-media
[`postcss-russian-units`]: https://github.com/Semigradsky/postcss-russian-units
[`postcss-short-spacing`]: https://github.com/csstools/postcss-short-spacing
[`postcss-simple-extend`]: https://github.com/davidtheclark/postcss-simple-extend
[`postcss-speech-bubble`]: https://github.com/archana-s/postcss-speech-bubble
[`postcss-aspect-ratio`]: https://github.com/arccoza/postcss-aspect-ratio
[`postcss-brand-colors`]: https://github.com/postcss/postcss-brand-colors
[`postcss-no-important`]: https://github.com/DUBANGARCIA/postcss-no-important
[`postcss-class-prefix`]: https://github.com/thompsongl/postcss-class-prefix
[`postcss-conditionals`]: https://github.com/andyjansson/postcss-conditionals
[`postcss-custom-media`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-media
[`postcss-default-unit`]: https://github.com/antyakushev/postcss-default-unit
[`postcss-flexboxfixer`]: https://github.com/hallvors/postcss-flexboxfixer
[`postcss-font-awesome`]: https://github.com/dan-gamble/postcss-font-awesome
[`postcss-font-variant`]: https://github.com/postcss/postcss-font-variant
[`postcss-lazyimagecss`]: https://github.com/Jeff2Ma/postcss-lazyimagecss
[`postcss-lazysprite`]: https://github.com/Jeff2Ma/postcss-lazysprite
[`postcss-media-minmax`]: https://github.com/postcss/postcss-media-minmax
[`postcss-merge-idents`]: https://github.com/ben-eb/postcss-merge-idents
[`postcss-mq-keyframes`]: https://github.com/TCotton/postcss-mq-keyframes
[`postcss-nested-props`]: https://github.com/jedmao/postcss-nested-props
[`postcss-sassy-mixins`]: https://github.com/andyjansson/postcss-sassy-mixins
[`postcss-selector-not`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-selector-not
[`postcss-svg-fallback`]: https://github.com/justim/postcss-svg-fallback
[`postcss-cachebuster`]: https://github.com/glebmachine/postcss-cachebuster
[`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-easysprites`]: https://github.com/glebmachine/postcss-easysprites
[`postcss-flexibility`]: https://github.com/7rulnik/postcss-flexibility
[`postcss-font-family`]: https://github.com/ben-eb/postcss-font-family
[`postcss-fontsize`]: https://github.com/richbachman/postcss-fontsize
[`postcss-fontsource-url`]: https://github.com/mondeja/postcss-fontsource-url
[`postcss-grid-system`]: https://github.com/francoisromain/postcss-grid-system
[`postcss-input-style`]: https://github.com/seaneking/postcss-input-style
[`postcss-merge-rules`]: https://github.com/ben-eb/postcss-merge-rules
[`postcss-mq-optimize`]: https://github.com/panec/postcss-mq-optimize
[`postcss-nested-vars`]: https://github.com/jedmao/postcss-nested-vars
[`postcss-remove-root`]: https://github.com/cbracco/postcss-remove-root
[`postcss-simple-grid`]: https://github.com/admdh/postcss-simple-grid
[`postcss-simple-trig`]: https://github.com/Rplus/postcss-simple-trig
[`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-randomcolor`]: https://github.com/alanev/postcss-randomcolor
[`postcss-filter-tint`]: https://github.com/alexlibby/postcss-filter-tint
[`postcss-ase-colors`]: https://github.com/dfernandez79/postcss-ase-colors
[`postcss-bem-linter`]: https://github.com/postcss/postcss-bem-linter
[`postcss-camelcaser`]: https://github.com/GMchris/postcss-camelcaser
[`postcss-color-gray`]: https://github.com/postcss/postcss-color-gray
[`postcss-color-hexa`]: https://github.com/nicksheffield/postcss-color-hexa
[`postcss-colorblind`]: https://github.com/btholt/postcss-colorblind
[`postcss-compact-mq`]: https://github.com/rominmx/postcss-compact-mq
[`postcss-grid-fluid`]: https://github.com/francoisromain/postcss-grid-fluid
[`postcss-inline-rtl`]: https://github.com/jakob101/postcss-inline-rtl
[`postcss-inline-svg`]: https://github.com/TrySound/postcss-inline-svg
[`postcss-short-text`]: https://github.com/csstools/postcss-short-text
[`postcss-animation`]: https://github.com/zhouwenbin/postcss-animation
[`postcss-autoreset`]: https://github.com/maximkoretskiy/postcss-autoreset
[`postcss-color-hcl`]: https://github.com/devgru/postcss-color-hcl
[`postcss-color-hwb`]: https://github.com/postcss/postcss-color-hwb
[`postcss-color-image`]: https://github.com/valtlai/postcss-color-image
[`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-font-pack`]: https://github.com/jedmao/postcss-font-pack
[`postcss-functions`]: https://github.com/andyjansson/postcss-functions
[`postcss-get-color`]: https://github.com/ismamz/postcss-get-color
[`postcss-image-set`]: https://github.com/alex499/postcss-image-set
[`postcss-instagram`]: https://github.com/azat-io/postcss-instagram
[`postcss-namespace`]: https://github.com/totora0155/postcss-namespace
[`postcss-placehold`]: https://github.com/awayken/postcss-placehold
[`postcss-reference`]: https://github.com/dehuszar/postcss-reference
[`postcss-typescale`]: https://github.com/francoisromain/postcss-typescale
[`postcss-write-svg`]: https://github.com/csstools/postcss-write-svg
[`postcss-disabled`]: https://github.com/cocco3/postcss-disabled
[`postcss-clearfix`]: https://github.com/seaneking/postcss-clearfix
[`postcss-colormin`]: https://github.com/ben-eb/colormin
[`postcss-contrast`]: https://github.com/stephenway/postcss-contrast
[`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-fontpath`]: https://github.com/seaneking/postcss-fontpath
[`postcss-if-media`]: https://github.com/arccoza/postcss-if-media
[`postcss-inline-extract`]: https://github.com/knowledgecode/postcss-inline-extract
[`postcss-imperial`]: https://github.com/cbas/postcss-imperial
[`postcss-position`]: https://github.com/seaneking/postcss-position
[`postcss-reporter`]: https://github.com/postcss/postcss-reporter
[`postcss-rgba-hex`]: https://github.com/XOP/postcss-rgba-hex
[`postcss-sanitize`]: https://github.com/eramdam/postcss-sanitize
[`postcss-spiffing`]: https://github.com/HashanP/postcss-spiffing
[`postcss-triangle`]: https://github.com/jedmao/postcss-triangle
[`postcss-trolling`]: https://github.com/juanfran/postcss-trolling
[`postcss-verthorz`]: https://github.com/davidhemphill/postcss-verthorz
[`pleeease-filters`]: https://github.com/iamvdo/pleeease-filters
[`postcss-easings`]: https://github.com/postcss/postcss-easings
[`postcss-flexbox`]: https://github.com/archana-s/postcss-flexbox
[`postcss-hexrgba`]: https://github.com/seaneking/postcss-hexrgba
[`postcss-initial`]: https://github.com/maximkoretskiy/postcss-initial
[`postcss-modules`]: https://github.com/outpunk/postcss-modules
[`postcss-opacity`]: https://github.com/iamvdo/postcss-opacity
[`postcss-opacity-percentage`]: https://github.com/Dreamseer/postcss-opacity-percentage
[`postcss-pointer`]: https://github.com/markgoodyear/postcss-pointer
[`postcss-pxtorem`]: https://github.com/cuth/postcss-pxtorem
[`postcss-rgb-plz`]: https://github.com/himynameisdave/postcss-rgb-plz
[`postcss-map-get`]: https://github.com/GitScrum/postcss-map-get
[`postcss-scopify`]: https://github.com/pazams/postcss-scopify
[`postcss-sorting`]: https://github.com/hudochenkov/postcss-sorting
[`postcss-sprites`]: https://github.com/2createStudio/postcss-sprites
[`postcss-assets`]: https://github.com/borodean/postcss-assets
[`postcss-atroot`]: https://github.com/OEvgeny/postcss-atroot
[`postcss-border`]: https://github.com/andrepolischuk/postcss-border
[`postcss-button`]: https://github.com/francoisromain/postcss-button
[`postcss-center`]: https://github.com/jedmao/postcss-center
[`postcss-circle`]: https://github.com/jedmao/postcss-circle
[`postcss-esplit`]: https://github.com/vitaliyr/postcss-esplit
[`postcss-extend`]: https://github.com/travco/postcss-extend
[`postcss-fakeid`]: https://github.com/pathsofdesign/postcss-fakeid
[`postcss-filter`]: https://github.com/alanev/postcss-filter
[`postcss-hidden`]: https://github.com/lukelarsen/postcss-hidden
[`postcss-import`]: https://github.com/postcss/postcss-import
[`postcss-nested-import`]: https://github.com/eriklharper/postcss-nested-import
[`postcss-layout`]: https://github.com/arccoza/postcss-layout
[`postcss-mixins`]: https://github.com/postcss/postcss-mixins
[`postcss-nested`]: https://github.com/postcss/postcss-nested
[`postcss-rtlcss`]: https://github.com/elchininet/postcss-rtlcss
[`postcss-select`]: https://github.com/johnotander/postcss-select
[`postcss-urlrebase`]: https://github.com/strarsis/postcss-urlrebase
[`postcss-urlrev`]: https://github.com/yuezk/postcss-urlrev
[`postcss-zindex`]: https://www.npmjs.com/package/postcss-zindex
[`list-selectors`]: https://github.com/davidtheclark/list-selectors
[`mq4-hover-shim`]: https://github.com/twbs/mq4-hover-shim
[`postcss-alias`]: https://github.com/seaneking/postcss-alias
[`postcss-apply`]: https://github.com/pascalduez/postcss-apply
[`postcss-focus`]: https://github.com/postcss/postcss-focus
[`postcss-match`]: https://github.com/rtsao/postcss-match
[`postcss-scrib`]: https://github.com/sneakertack/postcss-scrib
[`css2modernizr`]: https://github.com/vovanbo/css2modernizr
[`font-magician`]: https://github.com/csstools/postcss-font-magician
[`immutable-css`]: https://github.com/johno/immutable-css
[`perfectionist`]: https://github.com/ben-eb/perfectionist
[`postcss-uncss`]: https://github.com/RyanZim/postcss-uncss
[`postcss-click`]: https://github.com/ismamz/postcss-click
[`postcss-at2x`]: https://github.com/simonsmith/postcss-at2x
[`postcss-calc`]: https://github.com/postcss/postcss-calc
[`postcss-remove-nested-calc`]: https://github.com/nico-jacobs/postcss-remove-nested-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-maze`]: https://github.com/cathydutton/postcss-maze
[`postcss-neat`]: https://github.com/jo-asakura/postcss-neat
[`postcss-size`]: https://github.com/postcss/postcss-size
[`postcss-size-advanced`]: https://github.com/jhpratt/postcss-size-advanced
[`postcss-svgo`]: https://www.npmjs.com/package/postcss-svgo
[`postcss-unmq`]: https://github.com/csstools/postcss-unmq
[`postcss-vmin`]: https://github.com/iamvdo/postcss-vmin
[`postcss-nope`]: https://github.com/dariopog/postcss-nope
[`autoprefixer`]: https://github.com/postcss/autoprefixer
[`css-mqpacker`]: https://github.com/hail2u/node-css-mqpacker
[`postcss-bem-fix`]: https://github.com/supermonkeyz/postcss-bem-fix
[`postcss-for`]: https://github.com/antyakushev/postcss-for
[`postcss-ie8`]: https://github.com/4wdmedia/postcss-ie8
[`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
[`webp-in-css`]: https://github.com/ai/webp-in-css
[`postcss-ref`]: https://github.com/morishitter/postcss-ref
[`colorguard`]: https://github.com/SlexAxton/css-colorguard
[`css-byebye`]: https://github.com/AoDev/css-byebye
[`stylehacks`]: https://www.npmjs.com/package/stylehacks
[`cssgrace`]: https://github.com/cssdream/cssgrace
[`stylefmt`]: https://github.com/morishitter/stylefmt
[`csstyle`]: https://github.com/geddski/csstyle
[`webpcss`]: https://github.com/lexich/webpcss
[`doiuse`]: https://github.com/anandthakker/doiuse
[`pixrem`]: https://github.com/robwierzbowski/node-pixrem
[`postcss-fixie`]: https://github.com/tivac/fixie
[`rtlcss`]: https://github.com/MohammadYounes/rtlcss
[`short`]: https://github.com/csstools/postcss-short
[`lost`]: https://github.com/corysimmons/lost
[`postcss-text-remove-gap`]: https://github.com/m18ru/postcss-text-remove-gap
[`postcss-closest`]: https://github.com/m18ru/postcss-closest
[`postcss-grid-kiss`]: https://github.com/sylvainpolletvillard/postcss-grid-kiss
[`postcss-unprefix`]: https://github.com/gucong3000/postcss-unprefix
[`postcss-pie`]: https://github.com/gucong3000/postcss-pie
[`postcss-color-hsl`]: https://github.com/dmarchena/postcss-color-hsl
[`postcss-color-rgb`]: https://github.com/dmarchena/postcss-color-rgb
[`postcss-parent-selector`]: https://github.com/domwashburn/postcss-parent-selector
[`postcss-font-family-system-ui`]: https://github.com/JLHwung/postcss-font-family-system-ui
[`postcss-percentage`]: https://github.com/creeperyang/postcss-percentage
[`postcss-start-to-end`]: https://github.com/sandrina-p/postcss-start-to-end
[`postcss-autocorrect`]: https://github.com/DimitrisNL/postcss-autocorrect
[`postcss-html-filter`]: https://github.com/mapbox/postcss-html-filter
[`postcss-hash`]: https://github.com/dacodekid/postcss-hash
[`postcss-light-text`]: https://github.com/jdsteinbach/postcss-light-text
[`postcss-bom`]: https://github.com/dichuvichkin/postcss-bom
[`postcss-eol`]: https://github.com/dichuvichkin/postcss-eol
[`postcss-node-modules-replacer`]: https://github.com/dichuvichkin/postcss-node-modules-replacer
[`postcss-mq-last`]: https://github.com/JGJP/postcss-mq-last
[`postcss-bem-to-js`]: https://github.com/WebSeed/postcss-bem-to-js
[`postcss-foft-classes`]: https://github.com/zachleat/postcss-foft-classes
[`postcss-inline-media`]: https://github.com/dimitrinicolas/postcss-inline-media
[`postcss-nested-ancestors`]: https://github.com/toomuchdesign/postcss-nested-ancestors
[`postcss-subgrid`]: https://github.com/seaneking/postcss-subgrid
[`postcss-join-transitions`]: https://github.com/JGJP/postcss-join-transitions
[`postcss-font-display`]: https://github.com/dkrnl/postcss-font-display
[`postcss-if-function`]: https://github.com/mfranzke/css-if-polyfill/tree/main/packages/postcss-if-function
[`postcss-glitch`]: https://github.com/crftd/postcss-glitch
[`postcss-class-name-shortener`]: https://github.com/mbrandau/postcss-class-name-shortener
[`postcss-plugin-namespace`]: https://github.com/ymrdf/postcss-plugin-namespace
[`postcss-classes-to-mixins`]: https://github.com/nrkno/postcss-classes-to-mixins
[`postcss-px-to-viewport`]: https://github.com/evrone/postcss-px-to-viewport
[`postcss-font-grabber`]: https://github.com/AaronJan/postcss-font-grabber
[`postcss-redundant-color-vars`]: https://github.com/caseyjacobson/postcss-redundant-color-vars
[`postcss-safe-area`]: https://github.com/plegner/postcss-safe-area
[`postcss-sort-media-queries`]: https://github.com/solversgroup/postcss-sort-media-queries
[`postcss-momentum-scrolling`]: https://github.com/solversgroup/postcss-momentum-scrolling
[`postcss-viewport-height-correction`]: https://github.com/Faisal-Manzer/postcss-viewport-height-correction
[`postcss-clamp`]: https://github.com/polemius/postcss-clamp
[`postcss-pseudo-is`]: https://github.com/IlyaUpyackovich/postcss-pseudo-is
[`postcss-deep-scopable`]: https://github.com/litt1e-p/postcss-deep-scopable
[`postcss-deadcss`]: https://github.com/DenyVeyten/postcss-deadcss
[`postcss-flexbox-reset`]: https://github.com/AndrejGajdos/postcss-flexbox-reset
[`postcss-grid-reset`]: https://github.com/AndrejGajdos/postcss-grid-reset
[`webp-in-css`]: https://github.com/ai/webp-in-css
[`avif-in-css`]: https://github.com/nucliweb/avif-in-css
[`postcss-custom-css-units`]: https://github.com/joe223/postcss-custom-css-units
[`postcss-khaleesi`]: https://github.com/Hugoer/postcss-khaleesi
[`postcss-blurry-gradient-workaround`]: https://github.com/strarsis/postcss-blurry-gradient-workaround
[`postcss-d-ts`]: https://github.com/askirmas/postcss-d-ts
[`postcss-multi-value-display`]: https://github.com/jake-low/postcss-multi-value-display
[`postcss-easy-z`]: https://github.com/CSSSR/postcss-easy-z
[`postcss-icon-blender`]: https://github.com/icon-blender/postcss-icon-blender
[`postcss-variable-compress`]: https://github.com/navanshu/postcss-variable-compress
[`postcss-unit-processor`]: https://github.com/hex-ci/postcss-unit-processor
[`postcss-rem-to-px`]: https://github.com/TheDutchCoder/postcss-rem-to-px
[`postcss-prefix-hover`]: https://github.com/larsmunkholm/postcss-prefix-hover
[`postcss-resolve-urls`]: https://github.com/bognarlaszlo/postcss-resolve-urls
[`postcss-design-tokens`]: https://github.com/jptaranto/postcss-design-tokens
[`postcss-pixel-to-remvw`]: https://github.com/ben-lau/postcss-pixel-to-remvw
[`@csstools/postcss-design-tokens`]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-design-tokens
[`postcss-easy-import`]: https://github.com/TrySound/postcss-easy-import
[`postcss-spring-easing`]: https://github.com/okikio/postcss-spring-easing
[`postcss-plugin-ignore-file`]: https://github.com/RiadhAdrani/postcss-plugin-ignore-file
