postcss.org Open in urlscan Pro
185.199.109.153  Public Scan

Form analysis
0 forms found in the DOM

Text Content

 * Setup
 * Docs
 * Plugins
 * API
 * Logo


POSTCSS

A tool for transforming CSS with JavaScript


INCREASE CODE READABILITY

Add vendor prefixes to CSS rules using values from Can I Use. Autoprefixer will
use the data based on current browser popularity and property support to apply
prefixes for you.

:fullscreen {
}

CSS input

:-webkit-full-screen {
}
:-ms-fullscreen {
}
:fullscreen {
}

CSS output


USE TOMORROW’S CSS TODAY!

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, using cssdb.

body {
  color: oklch(61% 0.2 29);
}

CSS input

body {
  color: rgb(225, 65, 52);
}

CSS output


THE END OF GLOBAL CSS

CSS Modules means you never need to worry about your names being too generic,
just use whatever makes the most sense.

.name {
  color: gray;
}

CSS input

.Logo__name__SVK0g {
  color: gray;
}

CSS output


AVOID ERRORS IN YOUR CSS

Enforce consistent conventions and avoid errors in your stylesheets with
stylelint, a modern CSS linter. It supports the latest CSS syntax, as well as
CSS-like syntaxes, such as SCSS.

a {
  color: #d3;
}

CSS input

app.css
2:10 Invalid hex color

Console output
 * Setup
 * Documentation
 * Learn
 * Plugins
 * Donate


SPONSORS
 * 
 * 

IS YOUR COMPANY USING POSTCSS? JOIN THIS LIST!


TRUSTED BY INDUSTRY LEADERS

 * 
 * 
 * 
 * 
 * 
 * 
 * 


BUILT BY COMMUNITY FOR COMMUNITY

PostCSS is developed and maintained by hundreds of open source contributors.
Become part of the family — submit your first Pull Request!

 * Open Collective
 * Twitter
 * GitHub

Distributed under the MIT License.

Found an issue?Report it!