SCSS Formatter
Formatér Sass SCSS stilark med denne SCSS Formatter. Indsæt SCSS, så opstiller værktøjet indlejrede regler, variabler, mixins, includes, forældrevælgere og kontroldirektiver med to mellemrum som indrykning, én deklaration pr. linje, et mellemrum efter egenskabskolon og semikoloner, hvor de mangler. Interpoleringer og kommentarer bevares, så frontendudviklere kan rydde op i partials og kodestykker uden at kompilere dem.
Ofte stillede spørgsmål
Hvordan fungerer SCSS Formatter?
Det læser stylesheetet som tokens såsom klammer, semikoloner, koloner, strenge og kommentarer og genopbygger layoutet ud fra dem. Hver åbningsklamme starter en indrykket blok, og hver deklaration afsluttes på sin egen linje.
Understøttes indlejring?
Ja, indlejrede regler og parent-selectors som &:hover indrykkes ét niveau dybere end deres parent, med to mellemrum pr. niveau. Koloner i selektorer bliver siddende, så &:hover ikke deles op.
Hvordan formateres variabler, mixins og includes?
Variabler som $color: #333; får et mellemrum efter kolonet, og @mixin og @include beholder deres argumenter med et mellemrum efter hvert komma. Kontroldirektiver som @if, @each og @for får et mellemrum før parentesen.
Bevares interpoleringer?
Ja, interpoleringer som #{$name} kopieres præcis, som de er skrevet. Det omfatter interpoleringer i selektorer, såsom .icon-#{$name}, og i egenskabsnavne.
Kompilerer eller validerer værktøjet min SCSS?
Nej, det kompilerer ikke til CSS og kontrollerer ikke syntaks, så det formaterer også ufærdige kodestykker. Brug Sass-kompileren til at finde fejl og generere CSS.
Bevares kommentarer?
Ja. Linjekommentarer, der begynder med //, afslutter linjen, og blokkommentarer bevares dér, hvor de står.
Virker det med den indrykkede Sass-syntaks?
Nej, det er lavet til SCSS, som bruger klammer og semikoloner. Filer i den indrykkede .sass-syntaks har ingen klammer at indrykke ud fra, så konvertér dem først til SCSS.
Kan jeg ændre indrykningen?
Nej, outputtet bruger altid to mellemrum, og formateringsværktøjet har ingen indstillinger. Det samme stylesheet giver derfor altid det samme resultat.
Hvorfor er resultatet omsluttet af en scss-kodeblok?
Outputtet returneres som en Markdown-kodeblok markeret med scss, så det vises med syntaksfremhævning. Kopiér linjerne mellem blokmarkørerne til din .scss-fil.
Hvor stort kan mit stylesheet være?
Op til 5 MB pr. kørsel; større input afvises med en besked. Outputtet er identisk med SCSS-indstillingen i Code Formatter.