LESS/SCSS-Compiler: Aufgaben und Grenzen
LESS und SCSS sind CSS-Präprozessoren, die Variablen, Verschachtelung und Mixins bieten. Dieses Werkzeug kompiliert eine Vorlage direkt im Browser zu lauffähigem CSS und gibt das Ergebnis zur Übernahme aus.
Funktionen
Auswahl zwischen LESS und SCSS, Kompilierung vollständig im Browser, Fehlermeldungen werden direkt angezeigt, Ergebnis per Klick kopieren.
Anleitung
- LESS oder SCSS auswählen
- Die Vorlage in das Textfeld einfügen
- Auf Kompilieren klicken und das CSS übernehmen
Wann es sich lohnt
- Kleine CSS-Schnipsel schnell umwandeln
- Variablen und Mixins testen
- Vorlagen ohne lokale Toolchain prüfen
Häufige Fragen
Was ist der Unterschied zwischen LESS und SCSS?Beide erweitern CSS um Variablen und Verschachtelung. SCSS ist Teil von Sass und nutzt geschweifte Klammern; LESS ist eigenständig und ähnlich in der Syntax.
Läuft das wirklich ohne Server?Ja. less.js und sass.js werden aus einem CDN geladen und kompilieren anschließend direkt in Ihrem Browser.
Werden @import-Dateien aufgelöst?Nein. Es wird nur der direkt im Feld stehende Text kompiliert; externe Importe müssen Sie selbst einfügen.
Was passiert bei einem Syntaxfehler?Der Compiler meldet die Fehlstelle, statt das Ergebnis auszugeben. Korrigieren Sie die Vorlage und kompilieren Sie erneut.
Unterstützte Fälle
Die Bibliotheken werden erst beim ersten Klick aus einem CDN geladen. Ohne Internetverbindung steht der Compiler nicht zur Verfügung; imports und externe Dateien werden nicht aufgelöst.
Weiterführende Werkzeuge
Diese Werkzeuge passen zum LESS/SCSS-Compiler: