https://tube.grossholtz.net/videos/watch/7dbfa99f-fd7d-4e23-8475-8b9adf983ccb Tailwind CSS is widely used, no matter if you have a love- or hate-relationship with the powerful utility-first CSS Framework. But oftentimes, you can combine it with existing parts of the spec, such as the use of CSS Variables to make things flexible but not give too much freedom, or with data attributes to make state management easier! #tailwindcss #css #webdevelopment Links and Resources 🔗 Tweet that inspired the video https://x.com/malfaitrobin/status/1887057743279784445 📺 Why your buttons are all wrong https://www.youtube.com/watch?v=BdNFBgnzbIY Chaptermarks 00:00 Intro 00:49 Demo Application Setup 02:20 Making the Alert component more flexible 03:27 Using CSS Variables to flexibly set colors 07:06 Reusing Tailwind color definitions 08:56 Data Attribute states as custom variants 10:46 Summary Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with. Sun, 05 Apr 2026 23:22:34 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://tube.grossholtz.net https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png https://tube.grossholtz.net/videos/watch/7dbfa99f-fd7d-4e23-8475-8b9adf983ccb All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.