SCSS & Sass Compilatore
Compila gli snippet SCSS/Sass incollati o i file .scss/.sass locali direttamente nel tuo browser. Il tuo foglio di stile non viene caricato, registrato o inviato a un'API.
Fai clic per scegliere un file SCSS/Sass o rilascialo qui
Puoi anche incollare SCSS/Sass direttamente nell'editor qui sotto.
0 byte
0 byte
Compilazione nativa del browser
La compilazione viene eseguita localmente utilizzando l'implementazione ufficiale Dart Sass. Nessun foglio di stile viene inviato ai server Convertr.
Snippet e input di file
Incolla parziale SCSS, fogli di stile completi, regole nidificate, variabili, mixin o carica un file .scss locale.
Misurazione sicura
Analytics utilizza solo intervalli di dimensioni e riduzione. SCSS sorgente, variabili, mixin e nomi di file rimangono fuori dalla telemetria.
Domande frequenti
Il mio SCSS è caricato su Convertr?
No. Il compilatore SCSS viene eseguito localmente con il browser JavaScript. I file SCSS incollati e selezionati non vengono inviati ai server Convertr.
Cosa succede quando SCSS presenta un errore di sintassi?
L'errore del compilatore con i numeri di riga e colonna viene visualizzato nel pannello degli avvisi in modo da poter individuare e correggere l'errore.
Supporta @import o dipendenze remote?
No. Per garantire velocità, disponibilità offline e privacy, le importazioni remote e l'accesso al file system sono disabilitati in questo compilatore nativo del browser.
Strumenti di sviluppo correlati
SCSS Compilatore
Compilare la sintesi SCSS supportata in CSS utilizzando il compilatore del browser connesso.
- Introduzione
- SCSS più output-style opzioni.
- Formato di uscita
- CSS o diagnosi di compilatori.
- Le limitazioni reali
- Il browser compiler non risolve arbitrari progetti importati, esegue plugin di costruzione, o garantisce parità con una versione Sass diversa.
- Privacy e trattamento dei dati
- La fonte SCSS e le opzioni di stile di uscita sono elaborate in questa scheda del browser. Converter non riceve o memorizza; chiudere o ricaricare la pagina esclude lo stato di funzionamento a meno che l'outil non fornisca esplicitamente una download locale.
Come utilizzare questo strumento
- Fornire le opzioni di fonte SCSS e stile di uscita nei controlli degli strumenti.
- Scegli le impostazioni che influenzano la diagnosi di CSS compilato o compiler, quindi eseguire l'output.
- Recensione di CSS compilato o diagnosi compiler prima di copiare o scaricare.
Modalità comuni di fallimento
Variabili non definite, miscele mancanti, importazioni inutilizzate o nesting invalido restituiscono un errore di compilazione lineare.
Un esempio utile
Compila una variabile di marca $ e la regola .button hover in CSS esteso o compreso.