Theme ohne tailwind.config.js definieren
Tailwind CSS v4 macht Schluss mit JavaScript-Konfigurationsdateien. Der CSS-First-Ansatz ermöglicht es, Farben, Schriften, Spacing und Custom Design-Tokens direkt in CSS mit der @theme-Direktive zu definieren – näher an der Plattform, schneller im Build und einfacher zu verstehen.
Inhaltsverzeichnis
- 1. Warum Tailwind CSS v4 auf CSS-First setzt
- 2. Die @theme-Direktive: Aufbau und Syntax
- 3. Farben mit CSS-First Config definieren
- 4. Schriften und Spacing im CSS-First-Ansatz
- 5. Eigene Design-Tokens mit @theme erstellen
- 6. @import und Dateistruktur im CSS-First-Projekt
- 7. Migration von tailwind.config.js zu CSS-First
- 8. CSS-First Config im Vergleich zur JavaScript-Konfiguration
- 9. Häufige Fehler beim CSS-First-Ansatz
- 10. Zusammenfassung
- 11. FAQ