Oblikovalnik SCSS
Oblikujte slogovne predloge Sass SCSS s tem oblikovalnikom SCSS. Prilepite SCSS, orodje pa uredi ugnezdena pravila, spremenljivke, mixine, vključitve, nadrejene izbirnike in krmilne direktive z zamikom dveh presledkov, eno deklaracijo na vrstico, presledkom za dvopičji pri lastnostih ter dodanimi manjkajočimi podpičji. Interpolacije in komentarji se ohranijo, zato lahko razvijalci vmesnika uredijo delne datoteke in izseke, ne da bi jih prevedli.
Pogosta vprašanja
Kako deluje oblikovalnik SCSS?
Slogovno predlogo prebere kot nize žetonov, kot so zaviti oklepaji, podpičja, dvopičja, nizi in komentarji, ter na njihovi podlagi znova sestavi razporeditev. Vsak začetni zaviti oklepaj začne zamaknjen blok, vsaka deklaracija pa se konča v svoji vrstici.
Ali je podprto gnezdenje?
Da, ugnezdena pravila in nadrejeni izbirniki, kot je &:hover, so zamaknjeni eno raven globlje od nadrejenega izbirnika, za dva presledka na raven. Dvopičja v izbirnikih ostanejo povezana, zato se &:hover ne razdeli.
Kako so oblikovane spremenljivke, mixini in vključitve?
Spremenljivke, kot je $color: #333;, dobijo presledek za dvopičjem, @mixin in @include pa ohranijo svoje argumente s presledkom za vsako vejico. Krmilne direktive, kot so @if, @each in @for, dobijo presledek pred oklepajem.
Ali se interpolacije ohranijo?
Da, interpolacije, kot je #{$name}, so kopirane natančno tako, kot so zapisane. To vključuje interpolacije v izbirnikih, kot je .icon-#{$name}, in v imenih lastnosti.
Ali orodje prevede ali preveri moj SCSS?
Ne, ne prevede ga v CSS in ne preverja sintakse, zato oblikuje tudi nedokončane izseke. Za iskanje napak in izdelavo CSS uporabite prevajalnik Sass.
Ali se komentarji ohranijo?
Da. Vrstični komentarji, ki se začnejo z //, se končajo na koncu vrstice, blokovni komentarji pa ostanejo tam, kjer so.
Ali deluje z zamaknjeno sintakso Sass?
Ne, namenjen je za SCSS, ki uporablja zavite oklepaje in podpičja. Datoteke v zamaknjeni sintaksi .sass nimajo zavitih oklepajev, po katerih bi bilo mogoče določiti zamike, zato jih najprej pretvorite v SCSS.
Ali lahko spremenim zamikanje?
Ne, izhod vedno uporablja dva presledka, oblikovalnik pa nima možnosti nastavitev. Zato ista slogovna predloga vedno ustvari enak rezultat.
Zakaj je rezultat ovit v blok kode scss?
Izhod je vrnjen kot blok kode Markdown z oznako scss, zato je prikazan z označevanjem sintakse. Za datoteko .scss kopirajte vrstice med ograjama.
Kako velika je lahko moja slogovna predloga?
Do 5 MB na en zagon; večji vhodni podatki so zavrnjeni s sporočilom. Izhod je enak možnosti SCSS v oblikovalniku kode.