Thème
La propriété theme définit votre système de design avec 7 catégories de jetons optionnelles. Tous les jetons génèrent des propriétés CSS personnalisées et des classes utilitaires Tailwind CSS.
colors
Jetons de couleur nommés sous forme de paires clé-valeur. Chacun devient une variable CSS (--color-{name}) et une classe Tailwind (bg-{name}, text-{name}).
fonts
Configuration typographique pour les polices de titre, corps et monospace. Supporte family, fallback, weights, size, line height et URL Google Fonts.
spacing
Jetons d’espacement nommés sous forme de chaînes de classes Tailwind. Définissez largeurs de conteneur, padding de section, gaps et espacement des composants.
shadows
Jetons d’ombre nommés sous forme de valeurs CSS box-shadow. Chacun devient un utilitaire shadow-{name}.
animations
Animations @keyframes personnalisées avec indicateur d’activation, durée, fonction de temporisation, nombre d’itérations et définitions de keyframes.
breakpoints
Points de rupture responsifs personnalisés en pixels. Chacun devient une media query min-width pour les utilitaires responsifs.
borderRadius
Jetons de rayon de bordure nommés sous forme de valeurs CSS. Chacun devient une classe utilitaire rounded-{name}.