Converter von SCSS zu CSS

Flacht SCSS-Verschachtelungen zu normalem CSS ab, indem einrückungsbasierte Regelblöcke geparst werden. Es verbindet verschachtelte Selektoren mit ihren Eltern-Selektoren (unter Berücksichtigung der &-Elternreferenz-Kurzschreibweise), gibt jede Regel mit ihren Eigenschaften aus und entfernt SCSS-spezifische Funktionen wie Zeilenkommentare und $variable-Deklarationen.

1. Füge SCSS in das Eingabefeld ein. 2. Klicke auf Convert, um CSS im Ausgabefeld zu erzeugen. 3. Verwende Copy, um das Ergebnis zu kopieren. Bei leerer Eingabe erscheint eine Fehlermeldung.

Verschachtelte Selektoren werden mit einem Leerzeichen an den Eltern-Selektor angehängt, zum Beispiel .parent .child. Ein Kind-Selektor, der mit & beginnt (einschließlich Pseudoklassen wie &:hover), wird direkt ohne Leerzeichen an das Eltern-Element angehängt. SCSS-$variable-Deklarationen werden durch einen /* $variable removed */-Kommentar ersetzt, und jede verbleibende $name-Verwendung wird zu var(--variable), sodass die Ausgabe gültiges CSS ist, auch wenn keine vollständige Variablenauflösung durchgeführt wird.