Tailwind Patterns

This is a reference guide for Tailwind CSS v4's major architectural shift from JavaScript config files to CSS-native theming with the @theme directive. It covers the new Oxide engine, container queries, OKLCH color tokens, and the move away from @apply directives. Use it when you're migrating from v3 or building new projects with CSS-first configuration. The tables are dense with specifics: breakpoint values, when to use container queries over viewport media queries, dark mode strategies, and modern layout patterns. One thing to note is that v4 discourages some old patterns like heavy @apply usage, so if you're used to v3 habits, this will push you toward component extraction instead.