tailwindcss
Installation
SKILL.md
TailwindCSS v4 Patterns
Overview
TailwindCSS v4 introduces a CSS-first approach, eliminating the need for JavaScript configuration files. All customization happens directly in CSS using new directives.
Key Changes from v3 to v4
| Feature | v3 | v4 |
|---|---|---|
| Configuration | tailwind.config.js |
CSS @theme directive |
| Content detection | JS array | @source directive |
| Plugin loading | require() in JS |
@plugin directive |
| Custom variants | JS API | @custom-variant directive |
| Custom utilities | JS API | @utility directive |