File: plugins.md

package info (click to toggle)
node-postcss 8.5.6%2B~cs9.3.28-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid
  • size: 2,580 kB
  • sloc: javascript: 10,972; makefile: 5; sh: 3
file content (962 lines) | stat: -rw-r--r-- 62,483 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
# 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-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-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.

[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-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-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-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