# SCSS Formatter

Formatera Sass-SCSS-formatmallar med den här SCSS Formatter. Klistra in SCSS, så strukturerar verktyget nästlade regler, variabler, mixins, inkluderingsanrop, föräldraselektorer och kontrollanvisningar med två blankstegs indrag, en deklaration per rad, ett blanksteg efter egenskapernas kolon och semikolon där de saknas. Interpoleringar och kommentarer bevaras, så att utvecklare i frontend kan snygga till delfiler och kodsnuttar utan att kompilera dem.

## Vanliga frågor

### Hur fungerar SCSS Formatter?

Den läser formatmallen som token, till exempel klammerparenteser, semikolon, kolon, strängar och kommentarer, och bygger upp strukturen utifrån dem. Varje inledande klammerparentes börjar ett indraget block och varje deklaration avslutas på en egen rad.

### Stöds nästling?

Ja, nästlade regler och föräldraselektorer som &:hover indenteras ett steg djupare än sin förälder, med två blanksteg per nivå. Selektorkolon förblir ihop med selektorn, så &:hover delas inte upp.

### Hur formateras variabler, mixins och inkluderingsanrop?

Variabler som $color: #333; får ett blanksteg efter kolon, och @mixin och @include behåller sina argument med ett blanksteg efter varje kommatecken. Kontrollanvisningar som @if, @each och @for får ett blanksteg före parentesen.

### Bevaras interpoleringar?

Ja, interpoleringar som #{$name} kopieras exakt som de är skrivna. Det gäller även interpoleringar i selektorer, som .icon-#{$name}, och i egenskapsnamn.

### Kompilerar eller validerar verktyget min SCSS?

Nej, det kompilerar inte till CSS och kontrollerar inte syntaxen, så det kan även formatera ofullständiga kodsnuttar. Använd kompilatorn för Sass för att hitta fel och skapa CSS.

### Bevaras kommentarer?

Ja. Radkommentarer som börjar med // avslutas vid radslutet, och blockkommentarer behålls där de förekommer.

### Fungerar det med den indenterade Sass-syntaxen?

Nej, det är byggt för SCSS, som använder klammerparenteser och semikolon. Filer i den indenterade .sass-syntaxen saknar klammerparenteser att utgå från vid indenteringen, så konvertera dem till SCSS först.

### Kan jag ändra indraget?

Nej, utdata använder alltid två blanksteg och formateraren har inga alternativ. Därför ger samma formatmall alltid samma resultat.

### Varför omges resultatet av ett scss-kodstaket?

Utdata returneras som ett Markdown-kodblock märkt scss, så att det visas med syntaxmarkering. Kopiera raderna mellan staketen till din .scss-fil.

### Hur stor kan min formatmall vara?

Upp till 5 MB per körning. Större indata avvisas med ett meddelande. Utdata är identiska med alternativet SCSS i Code Formatter.

Vill du annonsera här?

[Mejla oss](mailto:hi@dennn.is?subject=Annonsera%20p%C3%A5%20OneClick%20Pro)

[Annons Pluginpaketet för agenter för WordPress.](https://sleekwp.com/?ref=oneclickpro)