Tailwind CSS v4, geleneksel konfigürasyon dosyalarını geride bırakarak tamamen CSS tabanlı bir tema mimarisine geçti.
🎨 Neler Değişti?
Artık tailwind.config.js yerine doğrudan @theme direktiflerini CSS içinde tanımlayabiliyoruz.
Build hızı LightningCSS motoru sayesinde 10 kat arttı.
Dinamik renk paletleri ve glassmorphism efektleri çok daha kolay uygulanıyor.``
css
@theme {
--color-brand-primary: #8b5cf6;
--color-brand-secondary: #06b6d4;
--font-mono: "Fira Code", monospace;
}
``
⚡ Performans Kazanımları:
CSS dosya boyutları %40 daha küçük ve sıfır ek yapılandırma ile projenizi anında başlatabilirsiniz.