SCSS online verschönern – kostenloser SCSS-Verschönerer

Verschönern Sie SCSS/Sass im Handumdrehen mit Prettier. Die gesamte Verarbeitung erfolgt in Ihrem Browser.

Laden…
SCSS Verschönerung
SCSS online beautify. Konsistente Einrückung — sofortige Browserverarbeitung, keine Uploads.

Merkmale

Formatieren Sie SCSS unter Beibehaltung der Variablen und der Verschachtelung.

Verschönern Sie SCSS

Formatieren Sie SCSS unter Beibehaltung der Variablen und der Verschachtelung.

Einfaches Beispiel

SCSS Quelle

$primary:#2563eb;$spacing:16px;@mixin card-shadow{box-shadow:0 2px 8px rgba(0,0,0,.12)}.card{padding:$spacing;border:1px solid $primary;.title{font-weight:700;color:$primary}@include card-shadow}

Verschönertes SCSS

$primary: #2563eb; $Abstand: 16px; @mixin card-shadow { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .Karte { padding: $spacing; border: 1px solid $primary; .title { font-weight: 700; color: $primary; } @include Card-Shadow; }

Formatierungsoptionen

Druckbreite
Steuert Prettier-Umbrüche — enger für Queries, breiter für verschachteltes SDL.

Passen Sie die Tabulatorbreite, Tabulatoren vs. Leerzeichen und den Zitatstil in der Symbolleiste an.

Schönere Formatierung

Variablen wie $primary bleiben erhalten. Zur CSS-Minifizierung siehe CSS-Minifizierung oder CSS-Verschönerung.

Lokale Verarbeitung & Daten

Ihr SCSS wird im Browser mit Prettier geparst und neu formatiert. Keine Uploads, keine serverseitige Speicherung, kein Konto nötig — geeignet für sensible Schemas, Queries und interne Docs.

FAQ – Verschönern Sie SCSS

Verschönerung

SCSS vs CSS?

Verwenden Sie dieses Tool für die Sass/SCSS-Syntax. Probieren Sie für einfaches CSS den Verschönerer CSS.

Müssen Sie die Minimierung aufheben?

Öffnen Sie den Unminifier SCSS.

Wird mein SCSS auf einen Server hochgeladen?

Nein. Die Formatierung läuft vollständig in Ihrem Browser — Ihr SCSS verlässt Ihr Gerät nicht und wird nicht von FastMinify gespeichert.

Beautify oder Unminify — was soll ich nutzen?

Beautify formatiert lesbares SCSS; Unminify stellt komprimierte Ausgabe wieder her — probieren Sie den SCSS-Unminifier. Für tägliches Formatieren bleiben Sie auf dem SCSS-Beautifier.

Indentation anpassen?

Ja — wählen Sie 2 oder 4 Leerzeichen oder Tabs in den Beautify-Optionen.

Verschönern

Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.

Weitere Werkzeugkategorien entdecken