Formattatore SCSS

Il Formattatore SCSS rende leggibili i fogli di stile applicando rientri, spaziatura, ritorni a capo, dichiarazioni e regole annidate coerenti. Gestisce variabili SCSS, annidamento, mixin, funzioni, segnaposto, interpolazione, commenti e direttive di controllo.

SCSS viene elaborato secondo la propria sintassi, comprese variabili, annidamento, mixin, interpolazione, calcoli e proprietà personalizzate. Gli input non validi vengono mostrati nell'editor di output per poterli correggere.

Scegli tabulazioni o spazi, la larghezza preferita delle righe e virgolette singole o doppie. L'elaborazione avviene nel browser e il sorgente SCSS non viene caricato su un server. Usa Formattatore CSS quando l'input è CSS compilato e ti serve anche minificarlo.

Domande frequenti sul formattatore di codice

Come posso formattare il codice in questa pagina?

Incolla il codice nell’editor a sinistra o carica un file, scegli le opzioni necessarie e premi Formatta. Controlla il risultato a destra, quindi copialo o salvalo.

Perché il formattatore può segnalare un errore?

L’input deve corrispondere al linguaggio o alla sintassi selezionati. Controlla istruzioni incomplete, parentesi o virgolette non chiuse e un dialetto o una modalità non adatti, quindi riprova.

Come funziona un formattatore di codice?

Un formattatore riconosce token e strutture annidate del linguaggio, poi riscrive rientri, spazi e interruzioni di riga secondo regole coerenti. Non compila né esegue il programma, quindi non sostituisce un controllo di correttezza o sicurezza.

Quali impostazioni sono consigliate per questo linguaggio?

Parti da 2 spazi e 80 o 100 colonne, mantenendo le virgolette già usate nel foglio di stile. Scegli tab o spazi, larghezza di riga e virgolette singole o doppie per variabili, annidamenti, mixin, funzioni, interpolazione e commenti SCSS.