Compilador SCSS i Sass

Compila fragments SCSS/Sass enganxats o fitxers .scss/.sass locals directament al teu navegador. El teu full d'estil no es carrega, no es registra ni s'envia a una API.

Cliqueu per triar un fitxer SCSS/Sass o descarregueu-lo aquí

També podeu col·locar SCSS/Sass directament en l'editor a continuació.

0 bites

0 bites

Preparat

Compilació nativa al navegador

La compilació s'executa localment utilitzant la implementació oficial de Dart Sass. No s'envien fulls d'estil als servidors de Convertr.

Fragment i entrada de fitxer

Enganxa SCSS parcial, fulls d'estil complets, regles niades, variables, mixins o carrega un fitxer .scss local.

Mesuració segura

Analytics només utilitza grups de mida i reducció. Les fonts SCSS, variables, mixins i noms de fitxers queden fora de la telemetria.

Preguntes freqüents

El meu SCSS s'ha carregat a Convertr?

No. El compilador SCSS es fa localment amb JavaScript del navegador. El SCSS enganxat i els fitxers seleccionats no s'envien als servidors de Convertr.

Què passa quan l'SCSS té un error de sintaxi?

L'error del compilador amb números de línia i columna es mostra al panell d'avisos perquè pugueu localitzar i corregir l'error.

Aquest suport és @import o dependències remotes?

No. Per garantir la velocitat, la disponibilitat offline i la privacitat, les importacions remotes i l'accés al sistema de fitxers estan desactivats en aquest compilador natiu del navegador.

Eines de desenvolupador relacionades

Minificador CSS Comprimir fulls d'estil CSS Convertidor de colors CSS Convertir els colors CSS Generador de gradients CSS Crea gradients CSS localment Minimitzador HTML Comprimir fragments HTML Minimitzador JavaScript Comprimir codi JavaScript Eines per a desenvolupadors Utilitats del navegador

Compilador SCSS

Compila la sintaxi SCSS compatible a CSS utilitzant el compilador de navegador inclòs.

Entrada
Font SCSS més opcions d'estil de sortida.
Sortida
CSS compilat o diagnòstics del compilador.
Les limitacions reals
El compilador del navegador no resol importacions arbitràries de projectes, no executa plugins de construcció ni garanteix paritat amb una versió de Sass diferent.
Privacitat i tractament de dades
Les opcions de font SCSS i estil de sortida es processen en aquesta taula del navegador. Convertr no la rep ni l'emmagatzema; tancar o rellotjar la pàgina aclareix l'estat de treball llevat que l'eina ofereix explícitament una descàrrega local.

Com utilitzar aquesta eina

  1. Proporciona font SCSS més opcions d'estil de sortida als controls de l'eina.
  2. Selecciona les configuracions que afecten el CSS compilat o els diagnòstics del compilador, i després executa l'eina.
  3. Revisa el CSS compilat o els diagnòstics del compilador abans de copiar-lo o descarregar-lo.

Modes de fallada comuns

Variables no definides, mixins que falten, importacions no disponibles o nidificació no vàlida retornen un error de compilació amb informació de línia.

Exemple útil

Compila una variable $brand i una regla de .button hover en CSS expandit o comprimit.