Convertitore da CSS a Tailwind
Incolla CSS esistente e ottieni un punto di partenza basato su utility per migrazioni, pulizia o riscritture rapide in Tailwind.
L'output convertito verrà visualizzato qui.
Perché utilizzare un convertitore da CSS a Tailwind?
Acceleratore delle migrazioni
Sposta più velocemente CSS esistente verso Tailwind trasformando dichiarazioni note in classi utility candidate, invece di tradurre ogni riga a mano.
Supporto di valore arbitrario
Conserva valori non comuni con la sintassi arbitraria di Tailwind quando non esiste una classe di utilità standard.
Refactoring con in mente la revisione
Utilizza l'output come bozza di migrazione, quindi semplifica i valori ripetuti in token, componenti, varianti o modelli di classe riutilizzabili.
Proprietà comunemente convertite
Selettori complessi come :hover, ::before o media query possono comunque richiedere pulizia manuale dopo la conversione.
Domande frequenti
L'output del convertitore produce classi pronte per la produzione?
No. La conversione automatica è meglio usarla come punto di partenza. Selettori complessi, regole responsive, pseudo-elementi, comportamento della cascata e semantica dei componenti richiedono ancora revisione umana.
Posso incollare dichiarazioni grezze senza un selettore?
Sì. Lo strumento racchiude temporaneamente le dichiarazioni autonome in modo che il convertitore possa ancora elaborarle.
Cosa devo fare con valori arbitrari ripetuti?
Se un valore si ripete nell'interfaccia, valuta di trasformarlo in un token del tema, in una classe di componente o in una primitiva del design system invece di lasciare molte utility arbitrarie una tantum.
È possibile convertire le query multimediali e gli stati al passaggio del mouse?
Alcune dichiarazioni semplici possono essere convertite, ma varianti responsive, stati hover, pseudo-elementi e selettori annidati spesso richiedono pulizia manuale dopo la conversione.