Générateur de configuration Tailwind Générer des fichiers de configuration Tailwind CSS avec des couleurs, des polices et des points d'arrêt personnalisés.

Le fichier tailwind.config.js contrôle la génération des classes CSS Tailwind. Le tableau content spécifie quels fichiers analyser pour les noms de classe (utilisés pour éliminer le CSS inutilisé). L'option darkMode peut être une classe (basculer avec une classe) ou un média (suivre la préférence du système d'exploitation). L'objet theme.extend ajoute des valeurs personnalisées sans remplacer les valeurs par défaut. Les couleurs définies dans extend sont disponibles sous forme de bg-primary, text-secondary, etc. Les familles de polices deviennent font-sans, font-serif, font-mono. Les points d'arrêt d'écran personnalisés remplacent les points d'arrêt réactifs par défaut. La clé DEFAULT borderRadius définie la valeur de classe arrondie par défaut. Tailwind résout la configuration dans l'ordre : valeurs par défaut, puis valeurs du thème, puis valeurs du thème.extend. Les plugins peuvent être ajoutés au tableau des plugins pour des utilitaires supplémentaires. Pour les projets TypeScript, utilisez l'annotation @type pour prendre en charge l'IDE.