tailwindcss v4 theme variables
TMThttps://tailwindcss.com/docs/theme#default-theme-variable-reference
| Namespace | Utility classes |
|---|---|
| --color-* | Color utilities like bg-red-500, text-sky-300, and many more |
| --font-* | Font family utilities like font-sans |
| --text-* | Font size utilities like text-xl |
| --font-weight-* | Font weight utilities like font-bold |
| --tracking-* | Letter spacing utilities like tracking-wide |
| --leading-* | Line height utilities like leading-tight |
| --breakpoint-* | Responsive breakpoint variants like sm:* |
| --container-* | Container query variants like @sm:* and size utilities like max-w-md |
| --spacing-* | Spacing and sizing utilities like px-4, max-h-16, and many more |
| --radius-* | Border radius utilities like rounded-sm |
| --shadow-* | Box shadow utilities like shadow-md |
| --inset-shadow-* | Inset box shadow utilities like inset-shadow-xs |
| --drop-shadow-* | Drop shadow filter utilities like drop-shadow-md |
| --blur-* | Blur filter utilities like blur-md |
| --perspective-* | Perspective utilities like perspective-near |
| --aspect-* | Aspect ratio utilities like aspect-video |
| --ease-* | Transition timing function utilities like ease-out |
| --animate-* | Animation utilities like animate-spin |