SCSS formatavimo įrankis
Formatuokite Sass SCSS stiliaus lapus naudodami šį SCSS formatavimo įrankį. Įklijuokite SCSS, o įrankis išdėstys įdėtines taisykles, kintamuosius, mišinius, įtraukimus, tėvinius selektorius ir valdymo direktyvas, naudodamas dviejų tarpų įtrauką, po vieną deklaraciją eilutėje, tarpą po savybės dvitaškio ir trūkstamus kabliataškius. Interpolacijos ir komentarai išsaugomi, todėl sąsajos kūrėjai gali sutvarkyti dalinius failus ir kodo fragmentus jų nekompiliuodami.
Dažnai užduodami klausimai
Kaip veikia SCSS formatavimo įrankis?
Jis perskaito stiliaus lapą kaip žetonus, pavyzdžiui, skliaustus, kabliataškius, dvitaškius, eilutes ir komentarus, o tada pagal juos iš naujo sudėlioja kodą. Kiekvienas atidaromasis skliaustas pradeda įtrauktą bloką, o kiekviena deklaracija baigiama atskiroje eilutėje.
Ar palaikomas įdėtinis formatas?
Taip, įdėtinės taisyklės ir tėviniai selektoriai, tokie kaip &:hover, įtraukiami vienu lygiu giliau už tėvinę taisyklę, po du tarpus kiekvienam lygiui. Selektoriaus dvitaškiai lieka savo vietoje, todėl &:hover neskaidomas.
Kaip formatuojami kintamieji, mišiniai ir įtraukimai?
Po kintamųjų, tokių kaip $color: #333;, dvitaškio paliekamas tarpas, o @mixin ir @include argumentai išsaugomi, po kiekvieno kablelio paliekant tarpą. Prieš valdymo direktyvų, tokių kaip @if, @each ir @for, skliaustus paliekamas tarpas.
Ar interpolacijos išsaugomos?
Taip, interpolacijos, tokios kaip #{$name}, nukopijuojamos tiksliai taip, kaip parašytos. Tai apima interpolacijas selektoriuose, pavyzdžiui, .icon-#{$name}, ir savybių pavadinimuose.
Ar įrankis kompiliuoja arba tikrina mano SCSS?
Ne, jis nekompiliuoja į CSS ir netikrina sintaksės, todėl formatuoja ir neužbaigtus fragmentus. Klaidas rasti ir CSS sugeneruoti naudokite Sass kompiliatorių.
Ar komentarai išsaugomi?
Taip. Eilutės komentarai, prasidedantys //, baigiasi eilutės pabaigoje, o blokų komentarai išsaugomi ten, kur buvo.
Ar tai veikia su įtraukomis paremta Sass sintakse?
Ne, įrankis skirtas SCSS, kurioje naudojami riestiniai skliaustai ir kabliataškiai. Įtraukomis paremtoje .sass sintaksėje nėra riestinių skliaustų, pagal kuriuos būtų galima nustatyti įtrauką, todėl pirmiausia konvertuokite failus į SCSS.
Ar galiu pakeisti įtrauką?
Ne, išvestyje visada naudojami du tarpai, o formatavimo įrankis neturi parinkčių. Todėl tas pats stiliaus lapas visada pateikia tą patį rezultatą.
Kodėl rezultatas pateikiamas scss kodo bloke?
Išvestis pateikiama kaip Markdown kodo blokas, pažymėtas scss, todėl jo sintaksė paryškinama. Savo .scss failui nukopijuokite eilutes tarp kodo bloko žymų.
Kokio dydžio gali būti mano stiliaus lapas?
Vieno vykdymo metu galima apdoroti iki 5 MB; didesnė įvestis atmetama parodant pranešimą. Išvestis tokia pati kaip Code Formatter parinkties SCSS.