Kompilátor LESS na CSS: kompilujte LESS online zadarmo
Kompilujte zdrojový kód LESS do CSS pomocou tohto nástroja v prehliadači, ktorý beží na less.js. Podporuje premenné, vnorené pravidlá, mixiny a farebné funkcie darken, lighten a mix. Vložte kód alebo presuňte súbor .less, vyberte matematický režim a prejdite si vygenerovaný štýl. Interpolácia jazyka JavaScript je z bezpečnostných dôvodov vypnutá; spracovanie prebieha na vašom zariadení, bez odovzdávania.
Kompilátor LESS na CSS je kompilátor LESS do CSS v prehliadači bežiaci na less.js. Prevedie zdrojový kód LESS na výstup CSS, takže štýl môžete previesť vložením jeho obsahu alebo presunutím súboru .less. Nástroj beží na strane klienta a neodovzdáva váš zdrojový kód.
Kompilátor podporuje premenné LESS, vnorené pravidlá, mixiny a farebné funkcie darken, lighten a mix. Tieto konštrukcie LESS sa preložia do skompilovaného CSS, ktoré si môžete prezrieť a skopírovať. Môžete si vybrať matematický režim, zatiaľ čo interpolácia jazyka JavaScript je z bezpečnostných dôvodov vypnutá.
LESS rozširuje CSS o funkcie, ktoré pomáhajú organizovať a opätovne používať kód štýlov, zatiaľ čo CSS je formát štýlov používaný prehliadačmi. Kompilácia LESS do CSS vám dá výsledný štýl na použitie alebo prezretie bez toho, aby ste na rýchly prevod potrebovali lokálny reťazec nástrojov. Dostupný matematický režim vám umožňuje vybrať, ako sa počas kompilácie spracovávajú matematické výrazy.
Prevod funguje úplne vo vašom prehliadači: váš vstup sa spracováva na vašom zariadení a neodovzdáva sa ani neposiela na server. Keď sa stránka načíta, nástroj môže pokračovať v práci offline. Je užitočný pre vývojárov a DevOps inžinierov, ktorí chcú previesť súbor .less, skontrolovať výstup pred zostavením alebo prezrieť skompilované CSS.
Krok 1: Vložte svoj zdrojový kód LESS do vstupu alebo presuňte súbor .less do nástroja.
Krok 2: Pred kompiláciou vyberte matematický režim. Interpolácia jazyka JavaScript je z bezpečnostných dôvodov vypnutá.
Krok 3: Prejdite si skompilovaný výstup CSS, ktorý obsahuje výsledky podporovaných funkcií LESS, ako sú premenné, vnorené pravidlá a mixiny.
Krok 4: Skopírujte CSS na použitie vo vašom projekte alebo si prezrite, ako sa zdrojový kód LESS kompiluje.
Prípad použitia: Preveďte zdrojový súbor LESS na CSS bez inštalácie lokálneho reťazca nástrojov — užitočné pre rýchle kontroly alebo jednorazové prevody.
Prípad použitia: Skontrolujte, či sa zdrojový kód LESS skompiluje, skôr než sa dostane k kroku zostavenia, aby ste problémy odhalili včas.
Prípad použitia: Prezrite si vygenerované CSS a pochopte výstup premenných, vnorených pravidiel a mixinov vo vašom zdroji.
Prípad použitia: Pozrite si, ako sa farebné funkcie darken, lighten a mix zobrazia v skompilovanom štýle.
Prípad použitia: Porovnajte výsledky kompilácie po výbere iného matematického režimu a overte, ktorý výstup vyhovuje vašim potrebám.
Prípad použitia: Preveďte vložený úryvok LESS alebo presunutý súbor .less, pričom spracovanie zostáva na vašom zariadení.