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 verschönern.

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
Zeilenumbruch bei 80, 100 oder 120 Spalten.

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.

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.

Suchen Sie nach Konvertern, Encodern, Formatierern und Minifiern an einem Ort? Hub für Entwicklertools Öffnen Sie den kuratierten Entwicklertools-Katalog.

Andere Aktionen für diese Sprache

Verschönern Sie SCSSSCSS entminifizieren

Minimieren

Verschönern

Aufheben

Konvertierung

JSON

YAML

XML

CSV

TOML

TSV

SQL

HTML

Abschlag

Eigenschaften

INI

JSON Werkzeuge

SVG Werkzeuge

DevOps und Infrastruktur

CI/CD

Protokolle und Beobachtbarkeit

Kubernetes

Sicherheit und Token

API & Schemata

Codierung

Entwickler-Dienstprogramme

Serialisierung