# SCSS formázó

Formázza Sass SCSS stíluslapjait ezzel a SCSS formázóval. Illessze be a SCSS kódot, az eszköz pedig két szóközzel behúzva rendezi el a beágyazott szabályokat, változókat, mixineket, include-okat, szülőszelektorokat és vezérlődirektívákat. Minden deklaráció külön sorba kerül, a tulajdonságok kettőspontja után szóköz áll, a hiányzó pontosvesszők pedig pótlásra kerülnek. Az interpolációk és megjegyzések megmaradnak, így a frontendfejlesztők fordítás nélkül tisztíthatják meg a részstíluslapokat és kódrészleteket.

## Gyakran ismételt kérdések

### Hogyan működik a SCSS formázó?

A stíluslapot tokenekre bontva olvassa be, például kapcsos zárójelekre, pontosvesszőkre, kettőspontokra, karakterláncokra és megjegyzésekre, majd ezek alapján építi fel újra az elrendezést. Minden nyitó kapcsos zárójel egy behúzott blokkot kezd, minden deklaráció pedig külön sorban végződik.

### Támogatott a beágyazás?

Igen, a beágyazott szabályok és az olyan szülőszelektorok, mint az &:hover, a szülőjüknél egy szinttel beljebb, szintenként két szóközzel jelennek meg. A szelektor kettőspontjai a helyükön maradnak, ezért az &:hover nem törik több sorra.

### Hogyan formázódnak a változók, mixinek és include-ok?

Az olyan változók, mint a $color: #333;, a kettőspont után szóközt kapnak, az @mixin és az @include argumentumai pedig megmaradnak, vesszőnként egy szóközzel elválasztva. Az olyan vezérlődirektívák, mint az @if, a @each és a @for, szóközt kapnak a zárójelük előtt.

### Megmaradnak az interpolációk?

Igen, az olyan interpolációk, mint a #{$name}, pontosan úgy maradnak, ahogy be lettek írva. Ez a szelektorokon belüli interpolációkra is érvényes, például a .icon-#{$name} esetén, valamint a tulajdonságneveken belüliekre is.

### Lefordítja vagy ellenőrzi az eszköz a SCSS kódomat?

Nem, nem fordítja le CSS formátumra, és a szintaxist sem ellenőrzi, ezért hiányos kódrészleteket is formáz. A hibák megkereséséhez és CSS előállításához használja a Sass fordítót.

### Megmaradnak a megjegyzések?

Igen. A // jellel kezdődő sor megjegyzések a sor végéig tartanak, a blokkmegjegyzések pedig ott maradnak, ahol szerepelnek.

### Működik a behúzásos Sass szintaxissal?

Nem, az eszköz SCSS formátumhoz készült, amely kapcsos zárójeleket és pontosvesszőket használ. A behúzásos .sass szintaxisú fájlokban nincsenek behúzható kapcsos zárójelek, ezért először alakítsa át őket SCSS formátumra.

### Módosíthatom a behúzást?

Nem, a kimenet mindig két szóközt használ, és a formázónak nincsenek beállításai. Így ugyanaz a stíluslap mindig ugyanazt az eredményt adja.

### Miért scss kódblokként jelenik meg az eredmény?

A kimenet scss jelölésű Markdown kódblokként jelenik meg, így szintaxiskiemeléssel látható. A .scss fájlhoz másolja ki a kódkerítések közötti sorokat.

### Mekkora lehet a stíluslapom?

Futtatásonként legfeljebb 5 MB; a nagyobb bemenetet az eszköz üzenettel elutasítja. A kimenet megegyezik a Kódformázó SCSS beállításával.

Hirdetne nálunk?

[Írjon nekünk e-mailt](mailto:hi@dennn.is?subject=Hirdet%C3%A9s%20a%20OneClick%20Pro%20oldalon)

[Hirdetés Az ügynökök számára kész plugincsomag a WordPress számára.](https://sleekwp.com/?ref=oneclickpro)