CSS naar Tailwind-converter
Plak oude CSS en krijg een eerste startpunt voor migratie, opschoning of een snelle Tailwind-herschrijving.
Hier verschijnt de geconverteerde uitvoer.
Waarom een CSS naar Tailwind-converter gebruiken?
Migratieversneller
Verplaats oudere CSS sneller naar een Tailwind-proces door bekende declaraties om te zetten in utility-class-kandidaten in plaats van elke regel met de hand te vertalen.
Ondersteuning van willekeurige waarden
Behoud ongebruikelijke waarden met de arbitrary value-syntaxis van Tailwind wanneer er geen standaard utility class bestaat.
Refactoreer met beoordeling in gedachten
Gebruik de uitvoer als een migratieconcept en vereenvoudig vervolgens herhaalde waarden tot tokens, componenten, varianten of herbruikbare klassenpatronen.
Vaak geconverteerde eigenschappen
Complexe selectors zoals:hover,::before of mediaquery's moeten na de conversie mogelijk nog steeds handmatig worden opgeschoond.
Veelgestelde vragen
Zal de output van de converter de productieklare klassen voltooien?
Nee. Automatische conversie kan het beste als uitgangspunt worden gebruikt. Complexe selectors, responsieve regels, pseudo-elementen, cascadegedrag en componentensemantiek hebben nog steeds menselijke beoordeling nodig.
Kan ik onbewerkte declaraties plakken zonder selector?
Ja. De tool verpakt stand-alone aangiften tijdelijk, zodat de converter ze nog steeds kan verwerken.
Wat moet ik doen met herhaalde willekeurige waarden?
Als een waarde zich in de interface herhaalt, kunt u overwegen om er een theme token, componentklasse of design-system primitive van te maken, in plaats van veel eenmalige arbitrary utilities achter te laten.
Kan dit mediaquery's en hover-statussen converteren?
Sommige eenvoudige declaraties kunnen worden vertaald, maar responsieve varianten, hover-statussen, pseudo-elementen en geneste selectors moeten na de conversie vaak handmatig worden opgeschoond.