CSS zu LESS
CSS in verschachteltes LESS umwandeln, Selektoren gruppieren und wiederkehrende Farben als @-Variablen auslagern.
CSS zu LESS wandelt normales CSS in verschachteltes LESS um. Zusammengehörige Selektoren werden geschachtelt, :hover und andere Pseudo-Klassen als &:hover notiert und Media Queries übernommen. Mehrfach genutzte Farben lagert das Tool auf Wunsch als @-Variablen aus. Alles läuft im Browser, der Code wird nicht hochgeladen.
LESS
CSS nach LESS überführen
LESS liest normales CSS ohne Änderung. Die Umwandlung lohnt sich, wenn du ein bestehendes Stylesheet in ein LESS-Projekt übernimmst und es dort lesbarer pflegen willst: verschachtelte Selektoren und zentrale Farbvariablen machen die Datei kürzer und übersichtlicher.
- CSS einfügen.
- Ergebnis kopieren und Variablen sinnvoll benennen.
- Mit LESS zu CSS gegenprüfen.
Für SCSS nutzt du CSS zu SCSS.
Häufige Fragen
Ist das Ergebnis gültiges LESS?
Ja. Verschachtelung mit &, Selektorlisten, Media Queries und @-Variablen gehören zum LESS-Standard. Mit dem LESS-zu-CSS-Compiler kannst du das Ergebnis direkt zurückübersetzen und vergleichen.
Warum heißen die Variablen @color-1, @color-2?
Das Tool kennt die Bedeutung der Farben nicht. Benenne die Variablen nach dem Kopieren um, zum Beispiel in @primary oder @text-muted. Die Nummerierung folgt der Häufigkeit.
Werden Mixins erzeugt?
Nein. Mixins aus wiederkehrenden Deklarationsgruppen automatisch abzuleiten, führt selten zu gutem Code. Das Tool beschränkt sich auf Verschachtelung und Farbvariablen.
Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.