SCSS Formatter

De tool leest het stylesheet als tokens, zoals accolades, puntkomma's, dubbele punten, tekenreeksen en opmerkingen, en bouwt de indeling daarmee opnieuw op. Elke accolade openen begint een ingesprongen blok en elke declaratie eindigt op een eigen regel.

Ja, geneste regels en parent-selectors zoals &:hover worden één niveau dieper ingesprongen dan hun parent, met twee spaties per niveau. De dubbele punt van selectors blijft eraan vastzitten, zodat &:hover niet wordt opgesplitst.

Variabelen zoals $color: #333; krijgen een spatie na de dubbele punt, en @mixin en @include behouden hun argumenten met een spatie na elke komma. Controlerichtlijnen zoals @if, @each en @for krijgen een spatie vóór hun haakje.

Ja, interpolaties zoals #{$name} worden precies overgenomen zoals ze zijn geschreven. Dat geldt ook voor interpolaties in selectors, zoals .icon-#{$name}, en in eigenschapsnamen.

Nee, de tool compileert niet naar CSS en controleert de syntaxis niet, dus ook onvolledige codefragmenten worden opgemaakt. Gebruik de Sass-compiler om fouten te vinden en CSS te produceren.

Ja. Regelopmerkingen die beginnen met // eindigen aan het einde van de regel, en blokopmerkingen blijven staan waar ze voorkomen.

Nee, de tool is gemaakt voor SCSS, dat accolades en puntkomma's gebruikt. Bestanden met de ingesprongen .sass-syntaxis hebben geen accolades om op in te springen, dus converteer ze eerst naar SCSS.

Nee, de uitvoer gebruikt altijd twee spaties en de formatter heeft geen opties. Hetzelfde stylesheet levert daarom altijd hetzelfde resultaat op.

De uitvoer wordt teruggegeven als een Markdown-codeblok met de aanduiding scss, zodat de code gemarkeerd wordt weergegeven. Kopieer de regels tussen de codehekken naar je .scss-bestand.

Maximaal 5 MB per uitvoering; grotere invoer wordt met een melding afgewezen. De uitvoer is identiek aan de optie SCSS van de Code Formatter.