Conversore da SCSS a CSS.
Strumento online gratuito per compilare il codice SCSS/SASS in formato CSS, senza necessità di installazione.
Informazioni su SCSS in CSS
Converte l'annidamento SCSS in CSS normale analizzando i blocchi di regole basati su indentazione. Unisce i selettori annidati con i relativi genitori (rispettando la scorciatoia di riferimento al genitore con &), emette ogni regola con le sue proprietà e rimuove le funzionalità specifiche di SCSS come i commenti di riga e le dichiarazioni $variable.
Come usarlo
1. Incolla lo SCSS nella casella di input. 2. Fai clic su Convert per ottenere il CSS nella casella di output. 3. Usa Copy per copiare il risultato. Se l'input è vuoto viene visualizzato un messaggio di errore.
Annidamento e variabili
I selettori annidati vengono uniti al selettore genitore con uno spazio, ad esempio .parent .child. Un selettore figlio che inizia con & (incluse le pseudo-classi come &:hover) viene concatenato direttamente al genitore senza spazio. Le dichiarazioni SCSS $variable vengono sostituite con un commento /* $variable removed */ e qualsiasi utilizzo residuo di $name diventa var(--variable), quindi l'output è CSS valido anche senza eseguire una risoluzione completa delle variabili.
▶In che modo il parser rileva la profondità di annidamento?
▶Come vengono gestite le variabili SCSS?
▶Supporta @include, @mixin o @extend?
▶I commenti in linea vengono mantenuti?
Se questo strumento è stato di aiuto per te, considera l’idea di regalarmi un caffè.
Comprami un caffè.