SCSS & Sass Compilador
Compila fragmentos SCSS/Sass pegados o archivos .scss/.sass locales directamente en tu navegador. Tu 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
La analítica solo utiliza grupos de tamaño y reducción. El código fuente SCSS, las variables, los mixins y los 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 JavaScript del navegador. El SCSS pegado y los archivos seleccionados no se envían a los servidores de 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 puedas 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
Compila la sintaxis SCSS compatible en CSS usando el compilador del navegador.
- Entrada
- Código fuente SCSS más opciones de estilo de salida.
- Salida
- CSS compilado o diagnósticos del compilador.
- Limitaciones reales
- El compilador del navegador no resuelve importaciones arbitrarias de proyectos, ejecuta complementos de construcción ni garantiza paridad con una versión diferente de Sass.
- 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.Convertr 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
- Proporcione fuente SCSS más opciones de estilo de salida en los controles de la herramienta.
- Selecciona las configuraciones que afectan al CSS compilado o a los diagnósticos del compilador, luego ejecuta la herramienta.
- Revisa el CSS compilado o los diagnósticos del compilador antes de copiarlo o descargarlo.
Modos comunes de fallo
Variables indefinidas, mixins faltantes, importaciones no disponibles o anidación inválida devuelve un error de compilación con conocimiento de línea.
Ejemplo útil
Compila una variable $brand y una regla .button hover en CSS expandido o comprimido.