Syntax - Tasty Web Development Treats 877: Tailwind 4
78 snips
Feb 17, 2025 Tailwind 4.0 has landed with an array of exciting features! Discover how CSS-powered configurations and first-class container queries are transforming web design. The podcast dives into Tailwind Oxide and the magic of @property, making styling easier and more dynamic. Explore the benefits of the P3 color space and dynamic utilities for advanced customization. Plus, learn how starting styles enhance transitions and the practicality of using descendant selectors. Say goodbye to traditional CSS as these updates redefine modern web development!
AI Snips
Chapters
Transcript
Episode notes
Container Queries in Tailwind 4
- Scott Tolinski is excited about Tailwind 4's built-in container query support.
- He previously avoided Tailwind due to the lack of this feature.
Simplified CSS Variables
- Tailwind 4 simplifies CSS variable syntax, removing the need for brackets and "var()".
- Use "--" before the variable name for cleaner code.
CSS Config File
- Tailwind 4's config is now a CSS file, simplifying customization.
- Add custom utilities and keyframes directly in CSS.