El sistema SCSS i Sass Compiler

Compila els fets pastats SCSS/Sass o .scss/.sass locals directament al teu navegador. la teva taula d'estil no es carrega, s'ha logat o 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ó Native

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

Snippet i entrada de fitxers

Passeu SCSS parcial, full de taules, regles nested, variables, mixins o carregueu un fitxer .scss local.

Mesuració segura

Analytics només utilitza buckets de mida i reducció. font SCSS, variables, mixins i filenames es queden fora de telèmetria.

Preguntes freqüents

El meu SCSS s'ha carregat a Convertr?

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

Què passa quan el CPS té un error de síntesi?

L'error de compilador amb números de línia i columnes es mostra en el panell d'avís per tal que pugui localitzar i corregir l'errada.

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.

Tools de desenvolupador relacionats

El miniatúrgia CSS Compressió CSS Convertir el color de CSS Convertir els colors CSS El generador de CSS Creació de gradients CSS locals HTML Miniatriu Compressió de HTML Snippets JavaScript Miniferi Compressió de codi JavaScript Eines per a desenvolupadors Utilitats de navegador

Compilació SCSS

Compila la síntesi SCSS suportada en CSS utilitzant el compilador de navegador embolicat.

Entrada
SCSS font més opcions d'estil de sortida.
Exposició
CSS compilats o diagnòstics de compiladors.
Les limitacions reals
El compilador del navegador no resol les importacions arbitràries de projectes, executa plugins de construcció o garanteix paritat amb una versió Sass diferent.
Privacitat i tractament de dades
Les opcions de font SCSS i estil de sortida es processen en aquesta taula del navegador. Converter 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. Proporcionar font SCSS més opcions d'estil de sortida en els controls d'eines.
  2. Selecciona les configuracions que afecten les diagnòstiques de CSS compilats o compiler, i després executa l'eina.
  3. Revisió compilada CSS o diagnòstics de compilador abans de copiar o descarregar-lo.

Modes comuns d'insuccions

Les variables indeterminades, els mixins que no estan disponibles, les importacions inexistents o la neteja inadecuada tornen a un error de compilació d'una línia d'atenció.

Exemple útil

Compila una variable de marca $ i la norma de .button hover en un CSS ampliat o comprès.