Utility Tailwind umum untuk spacing, warna, tipografi, flex dan position, plus bentuk arbitrary [value] atau [prop:value]. Variant belum didukung.

Kenapa meminta selector?

Output berupa satu aturan CSS. Memilih selector membuat Anda bisa menempel langsung ke stylesheet tanpa rename atau bungkus ulang.

Apakah variant responsif dan hover didukung?

Belum — mereka butuh pembungkus media query atau pseudo-class. Hapus awalan md:, hover: dan dark: sebelum menempel; utility dasar round-trip bersih.

Apakah ia mengenali theme saya?

Tidak. Menggunakan skala default. Spacing atau warna kustom jatuh ke arbitrary dalam output, tetap menghasilkan CSS yang berfungsi.

Bisa lewatkan CSS ke konverter sebaliknya?

Bisa. Untuk utility sederhana round-trip identik. Nilai arbitrary bertahan; deklarasi tanpa dukungan tetap class arbitrer.

Apakah input saya diunggah?

Tidak. Seluruh konversi berjalan di tab ini; Toova tidak melihat daftar class, selector atau output.

Tailwind ke CSS — utility menjadi satu aturan

Utility Tailwind → CSS

Privasi sejak awal — berjalan sepenuhnya di peramban Anda

Tempel daftar utility Tailwind beserta selector dan Toova menyusun aturan CSS yang sesuai. Class arbitrary seperti p-[13px] atau [grid-template-columns:1fr_2fr] dilepas menjadi deklarasi mentah, siap dijatuhkan ke stylesheet Anda.

Kapan arah balik berguna

Kadang Anda berprototipe dengan Tailwind tetapi harus mengirim CSS — surel marketing, widget pihak ketiga, hand-off ke CMS yang tidak memuat Tailwind. Konverter melipat daftar utility menjadi satu aturan dengan selector pilihan Anda, lalu tempel apa adanya tanpa mengganti nama atau membersihkan markup playground.

Bagaimana nilai arbitrer kembali

Class arbitrary Tailwind membawa nilainya secara inline: p-[13px] berarti padding: 13px dan [grid-template-columns:1fr_2fr] berarti grid-template-columns: 1fr 2fr. Konverter membuka kedua bentuk secara literal, sehingga nilai khusus yang Anda atur melalui JIT tetap bertahan tanpa tabel pemetaan tambahan.

Batasan dan perjalanan balik

Variant responsif (md:flex), variant state (hover:bg-black), dan dark mode (dark:text-white) membutuhkan pembungkus media query atau pseudo-class, jadi konverter belum mengeluarkannya — buang sebelum menempel. Token tema (text-brand) jatuh ke skala default Tailwind; jika tema Anda kustom, harapkan fallback arbitrer. Utility biasa round-trip bersih bersama CSS-to-Tailwind.

Pertanyaan yang Sering Diajukan

Apa yang dikonversi?: Utility Tailwind umum untuk spacing, warna, tipografi, flex dan position, plus bentuk arbitrary [value] atau [prop:value]. Variant belum didukung.
Kenapa meminta selector?: Output berupa satu aturan CSS. Memilih selector membuat Anda bisa menempel langsung ke stylesheet tanpa rename atau bungkus ulang.
Apakah variant responsif dan hover didukung?: Belum — mereka butuh pembungkus media query atau pseudo-class. Hapus awalan md:, hover: dan dark: sebelum menempel; utility dasar round-trip bersih.
Apakah ia mengenali theme saya?: Tidak. Menggunakan skala default. Spacing atau warna kustom jatuh ke arbitrary dalam output, tetap menghasilkan CSS yang berfungsi.
Bisa lewatkan CSS ke konverter sebaliknya?: Bisa. Untuk utility sederhana round-trip identik. Nilai arbitrary bertahan; deklarasi tanpa dukungan tetap class arbitrer.
Apakah input saya diunggah?: Tidak. Seluruh konversi berjalan di tab ini; Toova tidak melihat daftar class, selector atau output.