Skip to main content

Convertidor de SCSS a CSS

Compila código SCSS en CSS estándar. Observa la expansión de anidamiento y variables en tiempo real.

Entrada SCSS

Salida CSS

Compartir herramienta
📖

Cómo usar

Step 1

Ingresar SCSS

Ingresar SCSS

Ingresa o pega el código SCSS a convertir

Step 2

Seleccionar Estilo de Salida

Seleccionar Estilo de Salida

Elige el estilo de salida: expandido, comprimido, etc.

Step 3

Obtener CSS

Obtener CSS

Copia o descarga el CSS convertido

Características

Conversión en Tiempo Real

Convierte a CSS en tiempo real mientras escribes SCSS

Selección de Estilo de Salida

Cuatro estilos: expandido, anidado, compacto, comprimido

Visualización de Errores

Resalta claramente los errores de sintaxis SCSS

FAQ

SCSS extiende CSS con variables, anidamiento, mixins y herencia. Necesita compilarse a CSS para los navegadores.