Tailwind Class Converter
Mag-paste ng declaration o Tailwind class, pumili ng direksiyon, at suriin ang bawat mapping at hindi tugmang item.
Mag-paste ng declaration o class at mag-convert.
Naitugma
Hindi tugma
Built-in Tailwind v4 subset lang. Hindi binabasa ang custom theme o v3 differences.
Paano gamitin
Paano gamitin
- Mag-paste ng CSS declaration o Tailwind class.
- Piliin ang direksiyon at kung gagamit ng arbitrary value o px-to-rem na opsyon.
- Suriin ang bawat mapping at hindi tugmang item bago kopyahin ang resulta.
Limitadong Tailwind v4 map
Lokal nitong tinutugma ang karaniwang spacing, kulay, typography, display, flex, grid, border, radius, shadow, at position declaration. Hindi nito binabasa ang custom na tema o pagkakaiba ng Tailwind v3.
Walang tahimik na pagkawala
Ipinapakita ang bawat declaration o class bilang na-map o hindi tugma. Maaari ring ilabas ang hindi suportadong value bilang arbitrary utility gaya ng p-[13px].
Lokal na pagproseso
Sa browser ginagawa ang parsing at conversion. Hindi ina-upload ang stylesheet, configuration ng proyekto, o tekstong inilagay mo.
Mga madalas itanong
Maaari mo ring alamin
Binabasa ba nito ang tailwind.config ko?
Hindi. Hindi binabasa ang custom na tema o Tailwind v3; subset lang ng Tailwind v4 ang built-in map.
Itinatapon ba ang mga hindi suportadong declaration?
Hindi. Nananatili ang mga ito sa hindi tugmang listahan; maaari ring paganahin ang arbitrary value kung suportado ang property.
Maaari ba nitong i-convert ang buong stylesheet?
Tumatanggap ito ng mga declaration line at class token, hindi selector, nesting, o buong stylesheet.