Formátovač SCSS
Formátujte štýly Sass SCSS pomocou tohto formátovača SCSS. Vložte SCSS a nástroj usporiada vnorené pravidlá, premenné, mixiny, príkazy include, rodičovské selektory a riadiace direktívy s odsadením dvoma medzerami, jednou deklaráciou na riadok, medzerou za dvojbodkou vlastnosti a doplní chýbajúce bodkočiarky. Interpolácie a komentáre sa zachovajú, takže vývojári front-endu môžu upratať čiastkové súbory a úryvky bez ich kompilácie.
Často kladené otázky
Ako funguje formátovač SCSS?
Číta štýl ako tokeny, napríklad zložené zátvorky, bodkočiarky, dvojbodky, reťazce a komentáre, a podľa nich znova zostaví jeho rozloženie. Každá otváracia zložená zátvorka začína odsadený blok a každá deklarácia sa končí na samostatnom riadku.
Podporuje vnorenie?
Áno, vnorené pravidlá a rodičovské selektory, napríklad &:hover, sa odsadia o jednu úroveň hlbšie než ich rodič, teda o dve medzery na úroveň. Dvojbodky selektora zostanú pripojené, takže &:hover sa nerozdelí.
Ako sa formátujú premenné, mixiny a príkazy include?
Za dvojbodku v premenných, napríklad $color: #333;, sa vloží medzera a @mixin a @include zachovajú svoje argumenty s medzerou za každou čiarkou. Riadiace direktívy, napríklad @if, @each a @for, majú pred otváracou zátvorkou medzeru.
Zachovávajú sa interpolácie?
Áno, interpolácie, napríklad #{$name}, sa skopírujú presne v pôvodnom tvare. To zahŕňa interpolácie v selektoroch, napríklad .icon-#{$name}, aj v názvoch vlastností.
Kompiluje nástroj moje SCSS alebo overuje jeho platnosť?
Nie, nekompiluje kód do CSS ani nekontroluje syntax, takže formátuje aj neúplné úryvky. Na vyhľadanie chýb a vytvorenie CSS použite kompilátor Sass.
Zachovajú sa komentáre?
Áno. Riadkové komentáre začínajúce na // sa končia na konci riadka a blokové komentáre zostanú na svojom mieste.
Funguje aj so syntaxou Sass s odsadením?
Nie, je určený pre SCSS, ktorý používa zložené zátvorky a bodkočiarky. Súbory so syntaxou .sass s odsadením nemajú zložené zátvorky, podľa ktorých by sa dalo odsadzovať, preto ich najprv skonvertujte na SCSS.
Môžem zmeniť odsadenie?
Výstup vždy používa dve medzery a formátovač nemá žiadne možnosti. Rovnaký štýl preto vždy vytvorí rovnaký výsledok.
Prečo je výsledok uzavretý v bloku scss?
Výstup sa vracia ako blok kódu Markdown označený scss, takže sa zobrazí so zvýraznením syntaxe. Pre svoj súbor .scss skopírujte riadky medzi oddeľovačmi bloku.
Aký veľký môže byť môj štýl?
Najviac 5 MB na jedno spustenie; väčší vstup sa odmietne a zobrazí sa hlásenie. Výstup je totožný s možnosťou SCSS vo formátovači kódu.