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...

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

Presets Creating a preset How configurations are merged Theme Variants Presets Plugins Core plugins Extending multiple presets Disabling the default configuration Prese...

Class reference Usage Responsive Hover Focus Customizing Background Colors Responsive and State Variants Disabling Class reference Usage Control the background colo...

Controlling File Size Overview Writing purgeable HTML Removing unused CSS Basic usage Enabling manually Preserving HTML elements Purging specific layers Removing all unused s...

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

Optimizing for Production Overview Writing purgeable HTML Removing unused CSS Basic usage Enabling manually Safelisting specific classes Transforming content Customizing extr...

Extracting Components Extracting HTML components Extracting CSS components with @apply Keeping things composable Writing a component plugin Extracting Components Dealing w...

Class reference Sans-serif Serif Monospaced Customizing Font Families Responsive and State Variants Disabling Class reference Sans-serif Use .font-sans to apply a w...

blitz install Example Output blitz install Alias: blitz i Use this command to install a Blitz Recipe into your project. Supports both official recipes and custom third-par...