SCSS & Sass Compilador
Compile fragmentos SCSS/Sass pegados o archivos .scss/.sass locales directamente en su navegador. Su hoja de estilo no se carga, registra ni envía a una API.
Haga clic para elegir un archivo SCSS/Sass o suéltelo aquí
También puedes pegar SCSS/Sass directamente en el editor a continuación.
0 Byte
0 Byte
Compilación nativa del navegador
La compilación se ejecuta localmente utilizando la implementación oficial Dart Sass. No se envían hojas de estilo a los servidores Convertr.
Entrada de fragmentos y archivos
Pegue SCSS parcial, hojas de estilo completas, reglas anidadas, variables, mixins o cargue un archivo .scss local.
Medición segura
Analytics utiliza solo grupos de tamaño y reducción. SCSS fuente, variables, mixins y nombres de archivos permanecen fuera de la telemetría.
Preguntas frecuentes
¿Mi SCSS está subido a Convertr?
No. El compilador SCSS se ejecuta localmente con el navegador JavaScript. Se pega SCSS y los archivos seleccionados no se envían a los servidores Convertr.
¿Qué sucede cuando SCSS tiene un error de sintaxis?
El error del compilador con números de línea y columna se muestra en el panel de advertencias para que pueda localizar y corregir el error.
¿Esto admite @import o dependencias remotas?
No. Para garantizar la velocidad, la disponibilidad sin conexión y la privacidad, las importaciones remotas y el acceso al sistema de archivos están deshabilitados en este compilador nativo del navegador.
Herramientas de desarrollo relacionadas
SCSS Compilador
Compilar la síntese de SCSS compatible en CSS utilizando el compilador de navegador.
- Entrada
- SCSS más opciones de estilo de salida.
- Salida
- CSS o diagnóstico de compiler.
- Las limitaciones reales
- El compiler del navegador no resolve las importaciones arbitrarias de proyectos, ejecuta los plugins de construcción o garantiza la paridad con una versión Sass diferente.
- Privacidad y tratamiento de datos
- La opción de fuente SCSS y la opción de estilo de salida se procesa en esta tabla del navegador.Converter no la recibe ni la almacena; cerrar o recargar la página desliza el estado de trabajo a menos que la herramienta ofrece explícitamente una descarga local.
Cómo utilizar esta herramienta
- Proporcionar opciones de fuente SCSS y estilo de salida en los controles de herramientas.
- Seleccione las configuraciones que afectan a los diagnósticos de CSS compilados o compiler, y luego ejecuta la herramienta.
- Revisa compilado CSS o diagnósticos de compiler antes de copiar o descargarlo.
Modos comunes de fracaso
Variables indefinidas, mezclas faltantes, importaciones inadecuadas o niestación invalida devolverá un error de compilación lineal.
Un ejemplo útil
Compila una variable de marca $ y la regla de .button hover en un CSS ampliado o comprimido.