# 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.

Vaša reklama tu?

[Napíšte nám e-mail](mailto:hi@dennn.is?subject=Reklama%20na%20OneClick%20Pro)

[Reklama Súprava doplnkov pripravená pre agentov pre WordPress.](https://sleekwp.com/?ref=oneclickpro)