Tailwind:Preflight

lastmod 2023-03-09created 2023-03-091 edits

Built on top of normalize.css, Preflight is a set of base styles for Tailwind projects designed to smooth over cross-browser inconsistencies and make it easier to work within the constraints of your design system.

Tailwind automatically injects these styles when you include @tailwind base in your CSS.

@tailwind base; /* Preflight will be injected here */
@tailwind components;
@tailwind utilities;

While most of the styles in Preflight are meant to go unnoticed (they simply make things behave the way you'd expect), some are more opinionated and can be surprising when you first encounter them.

See also

• Tailwind
• Tailwind:Base

Favorite site

• Preflight - Tailwind CSS