În Tailwind CSS v4, arhitectura de configurare a fost complet regândită: fișierul JavaScript tailwind.config.js a fost eliminat în favoarea directivei native @theme declarate direct în fișierul principal CSS. Toate opțiunile de design system devin automat variabile CSS native ultra-rapide.
Definirea temei în fișierul global app.css
@import "tailwindcss";
@theme {
/* 1. Culori personalizate de brand: */
--color-dex-albastru: oklch(0.6 0.2 250);
--color-dex-neon: oklch(0.85 0.25 140);
/* 2. Tipografie personalizată: */
--font-afisaj: "Plus Jakarta Sans", sans-serif;
/* 3. Breakpoints noi: */
--breakpoint-3xl: 120rem; /* 1920px */
}
/* Folosirea imediată a noilor clase generate automat: */
/* */
Întrebări & Exemple de Cod:
Directiva @theme în Tailwind CSS v4: Configurare Pură CSS fără Fișiere JavaScriptAi o nelămurire despre utilizarea comenzii
Directiva @theme în Tailwind CSS v4: Configurare Pură CSS fără Fișiere JavaScriptsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.