So nutzt du: LESS zu CSS Compiler
- Füge deinen Less-Code ein.
- Das CSS wird beim Tippen kompiliert. Fehler zeigen die Zeile und eine Erklärung.
- Aktiviere „Ausgabe minimieren“ für die Produktion und kopiere oder lade das CSS herunter.
Was der Compiler kann
Dies ist Less.js, der offizielle Less-Compiler, der direkt in deinem Browser läuft: @variables, Verschachtelung mit &, Mixins (mit Argumenten und Guards), Operationen wie @base * 2, Farbfunktionen wie darken() und fade(), @media-Bubbling, Escaping und e().
Less vs. Sass
Beide ergänzen CSS um Variablen, Verschachtelung und Mixins. Less ist in JavaScript geschrieben und wurde von Bootstrap 3 sowie vielen Admin-Themes genutzt. Sass (SCSS) ist für neue Projekte heute geläufiger. Natives CSS schließt einen Teil der Lücke bereits heute mit Custom Properties und Verschachtelung, die moderne Browser unterstützen.
Imports
Deine eigenen @import "variables.less"-Dateien kann der Browser nicht lesen. Füge deshalb ihren Inhalt oberhalb des Codes ein, der sie verwendet.
Privat by Design
Die Kompilierung läuft komplett in deinem Browser. Dein Code wird nie hochgeladen, daher ist er auch für proprietäre Projekte sicher.
Auch gesucht als: less zu css, less compiler, less zu css konvertieren, less in css umwandeln, less compiler online, lesscss compiler.
Passende Tools zu: LESS zu CSS Compiler
- SCSS zu CSS Compiler — Füge SCSS oder eingerücktes Sass ein und erhalte reines CSS, kompiliert von der offiziellen Dart-Sass-Engine direkt in deinem Browser – mit klaren Fehlermeldungen, die auf die genaue Zeile zeigen.
- CSS Formatter — Verwandle ein minifiziertes Stylesheet in gut lesbares CSS mit einer Eigenschaft pro Zeile und sauber verschachtelten @media-Blöcken.
- CSS Minifier — Füge ein Stylesheet ein, um es sofort zu verkleinern.
- CSS zu Tailwind Converter — Füge CSS-Regeln oder Deklarationen ein und erhalte für jeden Selektor die passenden Tailwind-Utility-Klassen, inklusive hover:-Zuständen und beliebigen Werten wie p-[13px].