Pretvarač CSS u Tailwind: pretvorite CSS pravila online
Ovaj pretvarač CSS u Tailwind čita blok CSS pravila i preslikava deklaracije u Tailwind klase. Kada imenovana klasa nije dostupna, koristi sintaksu proizvoljnih vrijednosti poput w-[137px]; deklaracije koje ne može preslikati navodi se, a ne tiho odbacuju. Odaberite Tailwind v3 ili v4 kako bi odgovarao vašem projektu, a zatim kopirajte pretvoreni rezultat za pregled i korištenje.
Pretvarač CSS u Tailwind čita blok CSS pravila i preslikava njegove deklaracije u Tailwind klase. Upotrijebite ga za pretvorbu CSS-a u Tailwind online kada želite pregledati ekvivalente klasa bez ručnog traženja svake deklaracije. Rezultat razlikuje deklaracije koje se preslikavaju u imenovanu klasu od vrijednosti koje trebaju sintaksu proizvoljnih vrijednosti, poput w-[137px].
Odaberite Tailwind v3 ili v4 kako bi odgovarao verziji koju koristi vaš projekt. Pretvarač koristi sintaksu proizvoljnih vrijednosti za deklaracije bez imenovane klase i navodi deklaracije koje ne može preslikati kako se ne bi tiho izgubile. Njegova tablica preslikavanja nalazi se u jednom podatkovnom modulu, a ne raspršena kroz logiku pretvorbe.
CSS pravila izražavaju stilove kroz deklaracije, dok Tailwind primjenjuje stilove kroz klase klasa. Pretvorba bloka pravila može pomoći kada postojeće stilove premještate prema Tailwindu ili provjeravate kako se deklaracija može predstaviti klasama. Izbor verzije i popis nepreslikanih olakšavaju pregled izlaza prema potrebama vašeg projekta.
Pretvarač se u potpunosti odvija u vašem pregledniku: unos se obrađuje na vašem uređaju i ne prenosi se, ne pohranjuje niti se šalje na poslužitelj. Radi izvan mreže nakon što se stranica učita, pa možete nastaviti pretvarati bez veze. Alat je besplatan i ne morate ništa instalirati lokalno za njegovo korištenje.
Programeri i DevOps inženjeri mogu koristiti pretvarač za brze provjere CSS-a u Tailwind, bez obzira jesu li novi u Tailwindu ili održavaju postojeći projekt. Zalijepite ili unesite blok CSS pravila, odaberite verziju Tailwinda, pregledajte preslikane i nepreslikane deklaracije te kopirajte rezultat.
Korak 1: Zalijepite ili unesite blok CSS pravila. Pretvarač čita njegove deklaracije i preslikava ih u Tailwind klase.
Korak 2: Odaberite Tailwind v3 ili v4. Odaberite verziju koja odgovara Tailwind projektu na kojem radite.
Korak 3: Pretvorite CSS. Rezultat koristi imenovane klase gdje su dostupne i sintaksu proizvoljnih vrijednosti za vrijednosti bez imenovane klase.
Korak 4: Pregledajte nepreslikane deklaracije. Provjerite popis kako biste vidjeli koje deklaracije nisu pretvorene.
Korak 5: Kopirajte rezultat. Pregledajte generirane klase prije korištenja u svom projektu.
Primjer upotrebe: Pretvorite blok CSS pravila u Tailwind klase dok radite na migraciji. Popis nepreslikanih pomaže vam prepoznati deklaracije kojima treba dodatna pozornost.
Primjer upotrebe: Provjerite kako se određena CSS deklaracija preslikava u Tailwind klasu. Sintaksa proizvoljnih vrijednosti može predstavljati vrijednosti bez imenovane klase.
Primjer upotrebe: Usporedite rezultate pretvorbe za Tailwind v3 i v4. Odaberite verziju koja odgovara projektu koji ažurirate.
Primjer upotrebe: Obavite rutinsku pretvorbu CSS-a u Tailwind bez lokalne instalacije. Zalijepite blok pravila u alat u pregledniku i kopirajte rezultat.
Primjer upotrebe: Radite na pretvorbi s bilo kojeg stroja koji koristite. Alat radi u vašem pregledniku i može nastaviti raditi izvan mreže nakon što se stranica učita.
Primjer upotrebe: Pretvorite interni CSS bez slanja trećoj strani. Unos se obrađuje u vašem pregledniku i ne šalje se na poslužitelj.