Kompilator LESS u CSS – kompilirajte LESS besplatno
Kompilirajte LESS izvor u CSS pomoću ovog alata u pregledniku koji pokreće less.js. Podržava varijable, ugniježđivanje, mixine te funkcije za boje darken, lighten i mix. Zalijepite kod ili povucite .less datoteku, odaberite matematički način rada i pregledajte generiranu tablicu stilova. JavaScript interpolacija je onemogućena radi sigurnosti; obrada ostaje na vašem uređaju, bez prijenosa.
Kompilator LESS u CSS je kompilator LESS-a u CSS u pregledniku koji pokreće less.js. LESS izvor pretvara u CSS rezultat, tako da tablicu stilova možete pretvoriti lijepljenjem sadržaja ili povlačenjem .less datoteke. Alat radi na strani klijenta i ne prenosi vaš izvor.
Kompilator podržava LESS varijable, ugniježđivanje, mixine te funkcije za boje darken, lighten i mix. Te LESS konstrukcije razrješuju se u kompilrani CSS, koji možete pregledati i kopirati. Možete odabrati matematički način rada, dok je JavaScript interpolacija onemogućena radi sigurnosti.
LESS proširuje CSS značajkama koje pomažu organizirati i ponovno koristiti kod tablice stilova, dok je CSS format tablice stilova koji koriste preglednici. Kompiliranjem LESS-a u CSS dobivate rezultirajuću tablicu stilova za upotrebu ili pregled, bez potrebe za lokalnim alatom za brzu pretvorbu. Dostupni matematički način rada omogućuje vam odabir načina rukovanja matematičkim izrazima tijekom kompilacije.
Pretvorba radi u cijelosti u vašem pregledniku: vaš ulaz obrađuje se na vašem uređaju i ne prenosi se ni šalje poslužitelju. Nakon što se stranica učita, alat može nastaviti raditi izvan mreže. Koristan je razvojnim inženjerima i DevOps inženjerima koji žele pretvoriti .less datoteku, provjeriti rezultat prije izgradnje ili pregledati kompilrani CSS.
Korak 1: Zalijepite vaš LESS izvor u ulaz ili povucite .less datoteku u alat.
Korak 2: Prije kompilacije odaberite matematički način rada. JavaScript interpolacija je onemogućena radi sigurnosti.
Korak 3: Pregledajte kompilrani CSS rezultat, koji uključuje rezultate podržanih LESS značajki poput varijabli, ugniježđivanja i mixina.
Korak 4: Kopirajte CSS za upotrebu u vašem projektu ili da biste provjerili kako se LESS izvor kompilira.
Primjer upotrebe: Pretvorite LESS izvornu datoteku u CSS bez instaliranja lokalnog alata — korisno za brze provjere ili jednokratne pretvorbe.
Primjer upotrebe: Provjerite kompilira li se LESS izvor prije nego što dospije do koraka izgradnje, kako biste ranije uočili probleme.
Primjer upotrebe: Pregledajte generirani CSS kako biste razumjeli rezultat varijabli, ugniježđenih pravila i mixina u vašem izvoru.
Primjer upotrebe: Pregledajte kako se funkcije za boje darken, lighten i mix pojavljuju u kompiliranoj tablici stilova.
Primjer upotrebe: Usporedite rezultate kompilacije nakon odabira drugog matematičkog načina rada kako biste provjerili koji rezultat odgovara vašim potrebama.
Primjer upotrebe: Pretvorite zalijepljeni LESS isječak ili povučenu .less datoteku dok obrada ostaje na vašem uređaju.