Tailwind CSS 4 · Configuration in CSS
Define a custom utility
Create a reusable utility that works with variants such as hover: and md:.
@utility content-auto { content-visibility: auto; }
Official Tailwind CSS 4 documentation
More configuration in css commands
- Add a theme color
- Add a font family
- Scan an extra source folder
- Switch dark mode to a class
- Reuse utilities in your own CSS
All configuration in css commands · Tailwind CSS 4 cheatsheet