Compilador de Sass a CSS
Compila código Sass o SCSS a CSS estándar en línea.
Tema oscuro
Entrada Sass
Pega aquí el código Sass o SCSS.
CSS compilado
Aquí aparece el CSS compilado.
Tamaño de entrada
0 B
Tamaño de salida
0 B
Cómo usar
- Pega código Sass o SCSS en el editor de entrada.
- Haz clic en 'Compilar Sass' para generar CSS.
- Revisa la salida compilada y cópiala si es necesario.
- Usa el historial para restaurar transformaciones recientes.
- Activa el tema oscuro al trabajar con hojas largas.
Conocimiento relacionado
Sass amplía CSS con variables, anidación y mixins, pero el navegador solo entiende el CSS compilado final.
¿Por qué compilar Sass?
Los navegadores no entienden Sass directamente. Debe compilarse a CSS plano antes de desplegarlo o probarlo en una página real.
¿Qué entrada acepta esta herramienta?
Esta página sirve para compilar fragmentos comunes con sintaxis tipo SCSS y convertirlos rápidamente a CSS estándar.
Características principales
- Compilación Sass en el navegador
- Entrada y salida con Monaco
- Copia rápida del resultado
- Historial local
Aplicaciones comunes
- Compilar fragmentos SCSS pequeños
- Verificar salida de selectores anidados
- Previsualizar variables y mixins
- Preparar CSS para pruebas rápidas