# Formatter SCSS

Formatați foi de stil Sass SCSS cu acest Formatter SCSS. Lipiți SCSS, iar instrumentul aranjează regulile imbricate, variabilele, mixin-urile, includerile, selectorii părinte și directivele de control, folosind indentare de două spații, câte o declarație pe linie, un spațiu după două puncte în proprietăți și punct și virgulă acolo unde lipsesc. Interpolările și comentariile sunt păstrate, astfel încât dezvoltatorii front-end să poată curăța fragmentele și fișierele parțiale fără a le compila.

## Întrebări frecvente

### Cum funcționează Formatterul SCSS?

Citește foaia de stil sub formă de tokenuri, precum acolade, punct și virgulă, două puncte, șiruri și comentarii, apoi reconstruiește aspectul pe baza lor. Fiecare acoladă de deschidere începe un bloc indentat, iar fiecare declarație se termină pe propria linie.

### Este acceptată imbricarea?

Da, regulile imbricate și selectorii părinte, precum &:hover, sunt indentate cu un nivel mai mult decât părintele lor, câte două spații pe nivel. Două puncte din selectori rămân atașate, astfel încât &:hover să nu fie separat.

### Cum sunt formatate variabilele, mixin-urile și includerile?

Variabilele precum $color: #333; au un spațiu după două puncte, iar @mixin și @include își păstrează argumentele, cu un spațiu după fiecare virgulă. Directivele de control precum @if, @each și @for au un spațiu înaintea parantezei.

### Interpolările sunt păstrate?

Da, interpolările precum #{$name} sunt copiate exact așa cum au fost scrise. Aceasta include interpolările din selectori, precum .icon-#{$name}, și din numele proprietăților.

### Instrumentul compilează sau validează SCSS?

Nu, nu compilează în CSS și nu verifică sintaxa, așa că formatează și fragmente incomplete. Folosiți compilatorul Sass pentru a găsi erorile și a genera CSS.

### Sunt păstrate comentariile?

Da. Comentariile de linie care încep cu // se încheie la sfârșitul liniei, iar comentariile bloc sunt păstrate acolo unde apar.

### Funcționează cu sintaxa Sass indentată?

Nu, este conceput pentru SCSS, care folosește acolade și punct și virgulă. Fișierele în sintaxa .sass indentată nu au acolade după care să se facă indentarea, așa că transformați-le mai întâi în SCSS.

### Pot schimba indentarea?

Nu, rezultatul folosește întotdeauna două spații, iar formatterul nu are opțiuni. Prin urmare, aceeași foaie de stil produce întotdeauna același rezultat.

### De ce este rezultatul încadrat ca scss?

Rezultatul este returnat ca bloc de cod Markdown marcat scss, astfel încât să fie afișat cu evidențiere de sintaxă. Copiați liniile dintre delimitatoare în fișierul .scss.

### Cât de mare poate fi foaia mea de stil?

Până la 5 MB per rulare; intrările mai mari sunt respinse cu un mesaj. Rezultatul este identic cu opțiunea SCSS din Code Formatter.

Reclama dvs. aici?

[Trimiteți-ne un e-mail](mailto:hi@dennn.is?subject=Publicitate%20pe%20OneClick%20Pro)

[Reclamă Suita de pluginuri pregătită pentru agenți pentru WordPress.](https://sleekwp.com/?ref=oneclickpro)