Extracting Components Extracting template components Extracting component classes with @apply Writing a component plugin Extracting Components Dealing with duplication and ke...

Default color palette Customizing Naming Developing an organized, consistent and beautiful color palette is critical to the design success of a project. Tailwind provides a fan...

Upgrading from v0.x to v1.0 Upgrade steps for all users 1. Update Tailwind 2. Update your config file 2.1. Move all design-related top-level keys into a new section called theme ...

Configuration Creating your configuration file Using a different file name Generating a PostCSS configuration file Scaffolding the entire default configuration Configuration op...

Browser Support Vendor Prefixes Browser Support Understanding which browsers Tailwind supports and how to manage vendor prefixes. As of v2.0, Tailwind CSS is designed for and...

Configuration Creating your configuration file Using a different file name Scaffolding the entire default configuration Theme Variants Plugins Prefix Important Separator C...

Font Family Quick reference Basic usage Setting the font family Applying conditionally Hover, focus, and other states Breakpoints and media queries Using custom values Custom...

Optimizing for Production Overview Writing purgeable HTML Removing unused CSS Basic usage Enabling manually Preserving HTML elements Purging specific layers Removing all unus...

Class reference Customizing Max-Width Scale Responsive and State Variants Disabling Work in progress! More detailed documentation is coming soon, but in the meantime here’...

Extracting Components Extracting template components Extracting component classes with @apply Writing a component plugin Extracting Components Dealing with duplication and k...