So funktioniert es
- Fügen Sie Ihr CSS, SCSS oder Less ein.
- Wählen Sie Sprache und Einrückung.
- Klicken Sie auf „Formatieren“ oder drücken Sie Strg+Enter (⌘+Enter auf dem Mac).
- Kopieren Sie das formatierte Stylesheet.
Optionen erklärt
- Sprache
- CSS, SCSS oder Less. Wählen Sie die richtige Sprache, damit Variablen ($gap, @gap) und verschachtelte Regeln erkannt werden.
- Einrückung und Zeilenbreite
- Die Einrückung für verschachtelte Regeln und Deklarationen sowie die Breite, ab der lange Selektorlisten und Werte umbrochen werden.
Beispiele
Minifiziertes Framework-CSS. Fügen Sie eine einzeilige .min.css-Datei ein, um die Regeln einzeln zu lesen.
SCSS aufräumen. Fügen Sie verschachteltes SCSS mit gemischter Einrückung ein und erhalten Sie eine einheitliche Verschachtelung mit zwei Leerzeichen.
Häufig gestellte Fragen
Was ändert die Formatierung?
Jede Deklaration kommt in eine eigene Zeile, Abstände um Doppelpunkte und geschweifte Klammern werden vereinheitlicht, Hex-Farben kleingeschrieben und mehrere aufeinanderfolgende Leerzeilen zu einer zusammengefasst. Reihenfolge und Werte der Eigenschaften bleiben unverändert.
Kann ich das minifizierte CSS einer Website wieder lesbar machen?
Ja. Fügen Sie die minifizierte Datei ein und klicken Sie auf „Formatieren“. Vom Minifier entfernte Kommentare lassen sich nicht wiederherstellen.
Wird mein Code hochgeladen?
Nein. Die Formatierung läuft in Ihrem Browser.
Datenschutz
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien und Texte werden auf Ihrem Gerät verarbeitet und nie auf unsere Server hochgeladen.