-
Adding New Utilities
Adding New Utilities Using CSS Generating responsive variants Generating dark mode variants Generating state variants Using a plugin Adding New Utilities Exte... -
Using with Preprocessors
Using with Preprocessors Using PostCSS as your preprocessor Build-time imports Nesting Variables Vendor prefixes Using Sass, Less, or Stylus Sass Less Stylus ... -
Responsive Design
Responsive Design Overview Mobile First Targeting mobile screens Targeting a single breakpoint Customizing breakpoints Responsive Design Using responsive util... -
Appearance
Appearance Class reference Usage Customizing Responsive and pseudo-class variants Disabling Appearance Utilities for suppressing native form control styling. ... -
Adding Base Styles
Adding Base Styles Using classes in your HTML Using CSS @font-face rules Using a plugin Adding Base Styles Best practices for adding your own global base styles... -
Functions & Directives
Functions & Directives @tailwind @apply @layer @variants @responsive @screen screen() theme() Functions & Directives A reference for the custom functions ... -
Utility-First
Utility-First Overview Why not just use inline styles? Maintainability concerns Utility-First Building complex components from a constrained set of primitive utilit... -
Optimizing for Production
Optimizing for Production Overview Writing purgeable HTML Removing unused CSS Basic usage Enabling manually Safelisting specific classes Transforming content Custom... -
Divide Color
Divide Color Class reference Usage Changing opacityv1.4.0+ Responsive Customizing Border Colors Responsive and pseudo-class variants Disabling Divide C... -
Hover, Focus, & Other States
Hover, Focus, & Other States Overview Hover Focus Active Group-hover Group-focus Focus-within Focus-visible Motion-safe Motion-reduce Disabled Visited Ch...
