https://takao.blog/en/tags/tailwind/Recent content in Tailwind on Commentary of TakaoHugo -- gohugo.ioenCommentary of TakaoSat, 13 Jun 2026 23:11:50 +0900https://takao.blog/en/web/tailwind-css-v4-release-changes/Thu, 05 Feb 2026 00:00:00 +0900https://takao.blog/en/web/tailwind-css-v4-release-changes/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post Tailwind CSS v4.0 Release and Pure CSS Configuration" /><h2 id="introduction">Introduction </h2><p>Tailwind CSS v4.0 marks a paradigm shift from JavaScript-based configuration to a <strong>CSS-first architecture</strong>. The <code>tailwind.config.js</code> file is gone; design tokens are now defined directly in CSS using <code>@theme</code>. This release also integrates <strong>Lightning CSS</strong> for blazing-fast builds, adopts modern CSS features like CSS nesting and <code>@layer</code>, and ships a completely rewritten engine. This article breaks down the key changes and provides a practical migration guide from v3.</p> <hr> <h2 id="css-first-configuration-with-theme">CSS-First Configuration with <code>@theme</code> </h2><p>In v3, customizing design tokens required JavaScript:</p>