Edge PostCSS is a collection of carefully chosen and configured PostCSS plugins. Part of the Edge Platform.
The Edge Platform helps you focus on business logic rather than dealing with massive tooling, common patterns, complex configurations.
It combines some common learnings and conventions from Sass, with some upcoming CSS4 features and adds a whole chain of fixes for a variety of browser bugs.
@import() plugin to include other CSS, Sass, SugarSS files.
Re-rebasing url()-referenced assets during processing. Respects locations of imported files and PostCSS configured output location.
Asset Manager for PostCSS. For us mainly interesting for its support for detecting image dimensions and base64 based inlining.
Discard comments in your CSS files with PostCSS. Remove all comments... we don't need them further down the line which improves performance (reduces number of AST nodes)
Converts Sass-like variables and conditionals into CSS.
Unwrap nested rules like how Sass does it.
Fractional grid system built with calc(). Supports masonry, vertical, and waffle grids.
A PostCSS plugin to keep CSS grids stupidly simple
Adds shorthand hex methods to rbga() values.
Transform RGBA hexadecimal notations (#RRGGBBAA or #RGBA) to more compatible CSS (rgba())
Transform W3C CSS color function to more compatible CSS
Writing simple and graceful Media Queries! Support for CSS Media Queries Level 4.
Define custom Media Queries.
@keyframes from Magic Animations
Insert 3D hack before will-change property
Replace easing names from http://easings.net to
Fallback for Webkit Filters property to SVG filters. Amazing stuff.
It converts all 10 CSS shorthand filters:
Use shorthand transform properties in CSS.
Automagical responsive typography. Adds a responsive property to
letter-spacing that generates complex calc and
vw based font sizes.
Adds fix and fix-legacy attributes to the clear property, for self-clearing of children.
Transform W3C CSS "font-family: system-ui" to a practical font-family list. See also this article by booking.com.
Fix up CSS gradients with transparency for older browsers
Tries to fix all of flexbug's issues
Adds new pseudo-elements to inputs for easy cross-browser styling of their inner elements. Currently, as of 0.3.0, supports range input controls only.
Transform :matches() W3C CSS pseudo class to more compatible CSS (simpler selectors)
Add single and double colon peudo selectors
:before for wider browser support
Parse CSS and add vendor prefixes to rules by Can I Use
Reduce z-index values.
Adding the best CSS compressor to the chain.
@warn for PostCSS. Disabling internal usage of "postcss-reporter".
Log PostCSS messages to the console
Sebastian Software GmbH