Directiva @import ‘tailwindcss’ în Tailwind CSS v4 în Tailwind CSS

Ce este @import ‘tailwindcss’ în Tailwind CSS v4

În Tailwind CSS v4, arhitectura a fost complet unificată în jurul standardului CSS nativ. În locul celor trei directive din versiunea v3 (@tailwind base; @tailwind components; @tailwind utilities;), un singur import CSS nativ încarcă întreg sistemul:

@import "tailwindcss";

Motorul de compilare Oxide detectează acest import și generează stilurile la viteze de peste 10 ori mai mari decât versiunile precedente, fără a mai necesita un fișier separat tailwind.config.js.

/* src/main.css */
@import "tailwindcss";

@theme {
  --color-brand: #3b82f6;
  --font-display: 'Inter', sans-serif;
}