WoodyLab
WoodyLabThe First UIMS

Documentazione · Tailwind

Zero CSS morto

Le classi che servono, quando servono. La safelist tiene il CSS completo in sviluppo e minimale in produzione.

Bundle

Safelist a due modi

La stessa app, due bundle CSS.

Sviluppo — universo completo

La safelist è completa: puoi comporre qualsiasi viewMode dall’admin, ogni classe Tailwind è disponibile subito.

Produzione — minimale

Generata dalle sole classi realmente usate dai viewMode nel DB → il bundle CSS resta piccolo e veloce.

Sorgente

className come configurazione

Lo stile è una stringa di classi Tailwind nel campo className: leggibile, versionabile, diretta. Niente derivazione da relazioni. Un validatore avvisa se una classe non è nella safelist → l’editor non scrive stili che non renderizzano.

className come configurazione

Theming

Temi dal global

Colori, font e variabili dei componenti fuori dal codice.

Dal Theme, non dal codice

Palette, font e variabili dei componenti si impostano dal global Theme; generateCssVars le emette in :root.

A caldo

Il tema è commutabile a caldo: al salvataggio il sito si aggiorna senza riavvio.

Un contenuto, ogni pelle

Risultato

Un contenuto, ogni pelle

Perché la safelist include gli stili dei viewMode a DB, cambiare tema non rompe nulla: le classi esistono già. Il sito cambia palette, tipografia e forma restando leggero e coerente.

Vedi tutto in azione

Un componente, N facce: sfoglia il catalogo vivo dei componenti.

Vai ai Componenti