SCSS vormindaja
Vorminda Sass SCSS laaditabeleid selle SCSS vormindajaga. Kleebi sisse SCSS ja tööriist paigutab pesastatud reeglid, muutujad, mixin'id, kaasamised, ülemselektorid ning juhtdirektiivid kahe tühiku taandega, ühe deklaratsiooniga real, tühikuga omaduse kooloni järel ning lisab puuduvad semikoolonid. Interpolatsioonid ja kommentaarid säilitatakse, nii et kasutajaliidese arendajad saavad osalisi stiililehti ja koodijuppe korrastada neid kompileerimata.
Korduma kippuvad küsimused
Kuidas SCSS vormindaja töötab?
See loeb laaditabeli märkide jadana, kuhu kuuluvad näiteks sulud, semikoolonid, koolonid, stringid ja kommentaarid, ning koostab nende põhjal uuesti paigutuse. Iga avav sulg alustab taandega plokki ja iga deklaratsioon lõpeb omaette real.
Kas pesastamine on toetatud?
Jah, pesastatud reeglid ja ülemselektorid, näiteks &:hover, taandatakse vanemast ühe taseme võrra sügavamale ehk kaks tühikut taseme kohta. Selektori koolonid jäävad oma kohale, nii et &:hover ei lähe katki.
Kuidas vormindatakse muutujaid, mixin'e ja kaasamisi?
Muutujatele, näiteks $color: #333;, lisatakse kooloni järele tühik ning @mixin ja @include argumendid säilitatakse, lisades iga koma järele tühiku. Juhtdirektiivide, näiteks @if, @each ja @for ette lisatakse tühik enne sulgu.
Kas interpolatsioonid säilitatakse?
Jah, interpolatsioonid, näiteks #{$name}, kopeeritakse täpselt algsel kujul. See hõlmab interpolatsioone selektorites, näiteks .icon-#{$name}, ja omaduste nimedes.
Kas tööriist kompileerib või valideerib mu SCSS-i?
Ei, see ei kompileeri CSS-i ega kontrolli süntaksit, seega vormindab ka poolikuid koodijuppe. Vigade leidmiseks ja CSS loomiseks kasuta Sass kompilaatorit.
Kas kommentaarid säilivad?
Jah. //-iga algavad reakommentaarid lõpevad rea lõpus ja plokkkommentaarid säilitatakse nende algses kohas.
Kas see töötab taandega Sass-süntaksiga?
Ei, see on mõeldud SCSS-ile, mis kasutab sulge ja semikooloneid. Taandega .sass-süntaksi failidel pole sulge, millest taanet määrata, seega teisenda need esmalt SCSS-iks.
Kas saan taanet muuta?
Ei, väljundis kasutatakse alati kahte tühikut ja vormindajal pole seadeid. Seetõttu annab sama laaditabel alati sama tulemuse.
Miks on tulemus ümbritsetud scss-koodiploki tähistega?
Väljund tagastatakse scss-ina märgitud Markdown koodiplokina, nii et see kuvatakse süntaksivärvidega. Kopeeri .scss-faili jaoks tähiste vahele jäävad read.
Kui suur võib laaditabel olla?
Ühe käivituse kohta kuni 5 MB; suurem sisend lükatakse teatega tagasi. Väljund on identne koodivormindaja valikuga SCSS.