🎨 LESS til CSS-kompilator

Lim inn LESS-kode for å kompilere den til CSS umiddelbart med den offisielle less.js-motoren. Støtter variabler (@var), nesting, mixins, operasjoner og innebygde funksjoner.

🔒 Kompileringen skjer fullstendig i nettleseren din — koden din sendes aldri til en server. Selv less.js-pakken leveres fra dette nettstedet, ikke fra et CDN.

LESS-inndata

CSS-utdata

Flere utviklerverktøy

🧾 JSON-formaterer 🗄️ SQL-formaterer ⚛️ SVG → JSX-konverterer

GUIDE

Les mer

1. Hva er LESS

LESS (Leaner Style Sheets) er en CSS-forprosessor som legger til programmeringsfunksjoner - variabler, nesting, mixins og operasjoner - oppå CSS. Nettlesere forstår bare vanlig CSS, så LESS må kompileres til CSS før publisering. Dette verktøyet kjører den offisielle less.js-motoren i nettleseren din for å gjøre denne konverteringen umiddelbart.

2. Viktige funksjoner

Administrer farger og størrelser på ett sted med variabler (@brand: #4A90D9;), og speil strukturen i markuplen din ved å nestede selektorer. Bygg gjenbrukbare stilblokker med mixins (.rounded(6px)), og bruk aritmetikk som (@pad * 2) pluss innebygde fargefunksjoner som darken() og lighten().

3. Nettleserkompilering og sikkerhet

Dette verktøyet kompilerer helt i nettleseren din og laster aldri opp inndataene dine. Av sikkerhetsgrunner er LESS-funksjonen for innebygd JavaScript (backtick-syntaks) deaktivert, så det kjører trygt uten eval. For store prosjekter bør du integrere LESS i byggeoppsettet ditt (webpack, Vite, lessc osv.).

Vanlige sporsmal

Sendes LESS-koden min til en server?

Nei. Kompileringen skjer helt i JavaScript i nettleseren din, og koden sendes aldri noe sted.

Kan jeg bruke @import for å hente inn eksterne filer?

I nettleseren er tilgang til eksterne filer begrenset, så fjern @import kan feile. Dette verktøyet er best for å kompilere enkle enkeltfilutdrag.

Kan jeg bruke LESS inline JavaScript (backticks)?

Nei. JavaScript-evalueringsfunksjonen er deaktivert av sikkerhetsgrunner. Alle standardfunksjoner - variabler, mixins, operasjoner - fungerer som normalt.

Kompilerer den også SCSS/Sass?

Nei, dette verktøyet er kun for LESS. LESS og SCSS har forskjellige syntakser.