🎨 LESS til CSS-kompilator

Indsæt LESS-kode for straks at kompilere den til CSS med den officielle less.js-motor. Understøtter variabler (@var), nesting, mixins, operationer og indbyggede funktioner.

🔒 Kompileringen kører udelukkende i din browser — din kode sendes aldrig til en server. Selv less.js-pakken leveres fra dette site, ikke fra et CDN.

LESS-inddata

CSS-output

Flere udviklerværktøjer

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

GUIDE

Laes mere

1. Hvad er LESS

LESS (Leaner Style Sheets) er en CSS-præprocessor, der tilføjer programmeringsfunktioner - variabler, nesting, mixins og operationer - oven på CSS. Browsere forstår kun ren CSS, så LESS skal kompileres til CSS før udrulning. Dette værktøj kører den officielle less.js-motor i din browser for at udføre konverteringen med det samme.

2. Nøglefunktioner

Håndter farver og størrelser ét sted med variabler (@brand: #4A90D9;), og afspejl din markup-struktur ved at nestre selektorer. Byg genanvendelige stilblokke med mixins (.rounded(6px)), og brug aritmetik som (@pad * 2) samt indbyggede farvefunktioner som darken() og lighten().

3. Browserkompilering og sikkerhed

Dette værktøj kompilerer udelukkende i din browser og uploader aldrig dit input. Af sikkerhedshensyn er LESS' inline-JavaScript-funktion (backtick-syntaks) deaktiveret, så det kører sikkert uden eval. Til store projekter bør du integrere LESS i din build-pipeline (webpack, Vite, lessc osv.).

Ofte stillede sporgsmal

Sendes min LESS-kode til en server?

Nej. Kompileringen sker udelukkende i din browsers JavaScript, og koden sendes aldrig nogen steder hen.

Kan jeg bruge @import til at hente eksterne filer?

I browseren er adgang til eksterne filer begrænset, så fjern @import kan fejle. Dette værktøj er bedst til at kompilere enkeltfil-eksempler.

Kan jeg bruge LESS inline-JavaScript (backticks)?

Nej. JavaScript-evalueringsfunktionen er deaktiveret af sikkerhedshensyn. Alle standardfunktioner - variabler, mixins, operationer - virker som normalt.

Kompilerer det også SCSS/Sass?

Nej, dette værktøj er kun til LESS. LESS og SCSS har forskellige syntakser.