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

Pronto

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

CSS Minificatore Comprimi i fogli di stile CSS Convertitore di colori CSS Converti i colori CSS Generatore di gradienti CSS Crea gradienti CSS localmente HTML Minificatore Comprimi frammenti HTML JavaScript Minificatore Comprimi il codice JavaScript Strumenti per sviluppatori Sfoglia le utilità del browser

SCSS Compilatore

Compila la sintassi SCSS supportata in CSS utilizzando il compilatore integrato del browser.

Introduzione
Sorgente SCSS più opzioni di stile di output.
Formato di uscita
CSS compilato o diagnostica del compilatore.
Le limitazioni reali
Il compilatore del browser non risolve importazioni di progetti arbitrari, esegue plugin di build o garantisce parità con una versione diversa di Sass.
Privacy e trattamento dei dati
La fonte SCSS e le opzioni di stile di uscita sono elaborate in questa scheda del browser. Convertr 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

  1. Fornire le opzioni di fonte SCSS e stile di uscita nei controlli degli strumenti.
  2. Scegli le impostazioni che influenzano il CSS compilato o la diagnostica del compilatore, quindi esegui lo strumento.
  3. Rivedi il CSS compilato o la diagnostica del compilatore prima di copiarlo o scaricarlo.

Modalità di errore comuni

Variabili non definite, mixin mancanti, importazioni non disponibili o annidamento non valido restituiscono un errore di compilazione con indicazione della riga.

Un esempio utile

Compila una variabile $brand e la regola .button hover in CSS espanso o compresso.