# SCSS formatētājs

Formatējiet Sass SCSS stila lapas ar šo SCSS formatētāju. Ielīmējiet SCSS, un rīks sakārtos ligzdotos noteikumus, mainīgos, miksīnus, iekļaušanas direktīvas, vecākelementu selektorus un vadības direktīvas ar divu atstarpju atkāpi, vienu deklarāciju katrā rindā, atstarpi aiz rekvizītu koliem un pievienos trūkstošos semikolus. Interpolācijas un komentāri tiek saglabāti, tāpēc saskarnes izstrādātāji var sakārtot daļējos failus un koda fragmentus, tos nekompilējot.

## Bieži uzdotie jautājumi

### Kā darbojas SCSS formatētājs?

Tas nolasa stila lapu kā marķierus, piemēram, figūriekavas, semikolus, kolus, virknes un komentārus, un, izmantojot tos, atjauno izkārtojumu. Katra atverošā figūriekava sāk bloku ar atkāpi, un katra deklarācija beidzas savā rindā.

### Vai tiek atbalstīta ligzdošana?

Jā, ligzdotiem noteikumiem un vecākelementu selektoriem, piemēram, &:hover, ir par vienu līmeni dziļāka atkāpe nekā to vecākelementam — divas atstarpes katrā līmenī. Selektora koli paliek savā vietā, tāpēc &:hover netiek sadalīts.

### Kā tiek formatēti mainīgie, miksīni un iekļaušanas direktīvas?

Mainīgajiem, piemēram, $color: #333;, aiz kola ir atstarpe, bet @mixin un @include argumenti tiek saglabāti ar atstarpi aiz katra komata. Pirms vadības direktīvu, piemēram, @if, @each un @for, iekavām ir atstarpe.

### Vai interpolācijas tiek saglabātas?

Jā, interpolācijas, piemēram, #{$name}, tiek kopētas tieši tā, kā rakstītas. Tas attiecas arī uz interpolācijām selektoros, piemēram, .icon-#{$name}, un rekvizītu nosaukumos.

### Vai rīks kompilē vai validē manu SCSS?

Nē, tas nekompilē uz CSS un nepārbauda sintaksi, tāpēc formatē arī nepabeigtus koda fragmentus. Izmantojiet Sass kompilatoru, lai atrastu kļūdas un izveidotu CSS.

### Vai komentāri tiek saglabāti?

Jā. Rindas komentāri, kas sākas ar //, beidzas rindas beigās, bet bloka komentāri tiek saglabāti to sākotnējā vietā.

### Vai tas darbojas ar atkāpēs balstīto Sass sintaksi?

Nē, tas ir paredzēts SCSS, kurā izmanto figūriekavas un semikolus. Atkāpēs balstītās .sass sintakses failos nav figūriekavu, pēc kurām veidot atkāpes, tāpēc vispirms konvertējiet tos uz SCSS.

### Vai varu mainīt atkāpi?

Nē, izvadē vienmēr tiek izmantotas divas atstarpes, un formatētājam nav iestatījumu. Tāpēc viena un tā pati stila lapa vienmēr rada vienādu rezultātu.

### Kāpēc rezultāts ir ietverts scss koda blokā?

Izvade tiek atgriezta kā Markdown koda bloks ar atzīmi scss, tāpēc tā tiek attēlota ar sintakses izcēlumu. Kopējiet rindas starp koda bloka norobežotājiem savā .scss failā.

### Cik liela var būt mana stila lapa?

Līdz 5 MB vienā reizē; lielāka ievade tiek noraidīta ar ziņojumu. Izvade ir tāda pati kā Code Formatter SCSS opcijai.

Jūsu reklāma šeit?

[Rakstiet mums](mailto:hi@dennn.is?subject=Rekl%C4%81ma%20vietn%C4%93%20OneClick%20Pro)

[Reklāma Aģentiem gatavais spraudņu komplekts vietnei WordPress.](https://sleekwp.com/?ref=oneclickpro)