SYSTEM Cited by 1 source
PostCSS + Tailwind CSS¶
Definition¶
PostCSS (postcss.org) is a Node.js
CSS post-processor pipeline: plugins consume a parsed CSS AST
and rewrite it (autoprefixing, nesting, custom properties, etc.).
Tailwind CSS (tailwindcss.com) is
the most-widely-adopted PostCSS plugin — a utility-first CSS
framework that generates single-purpose classes (e.g.
text-lg, px-4, bg-gray-100) matching a configurable design
token set, with a purge/tree-shake step removing unused classes for
production CSS weight.
The two are typically paired: Tailwind is a PostCSS plugin, and PostCSS orchestrates it alongside autoprefixer and any other transforms.
Seen in¶
- sources/2020-06-30-zalando-launching-the-engineering-blog —
used to style
engineering.zalando.com. The article explicitly calls out PostCSS + Tailwind CSS as the styling stack chosen for the Pelican-based engineering blog; customizations to Pelican's Jinja templates consume the Tailwind utility classes.