Desminificar SCSS en línea — Formateador SCSS

Desminifica SCSS minificado al instante. Restaura un formato Sass legible.

Cargando…
Desminificación SCSS
Desminificar SCSS en línea.

Funcionalidades

Restaurar Sass legible desde SCSS de una sola línea.

Desminificar SCSS

Restaurar Sass legible desde SCSS de una sola línea.

Ejemplo básico

SCSS minificado

$primary:#2563eb;$spacing:16px;@mixin card-shadow{box-shadow:0 2px 8px rgba(0,0,0,.12)}.card{padding:$spacing;border:1px solid $primary;.title{font-weight:700;color:$primary}@include card-shadow}

SCSS formateado

$primary: #2563eb; $spacing: 16px; @mixin card-shadow { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .card { padding: $spacing; border: 1px solid $primary; .title { font-weight: 700; color: $primary; } @include card-shadow; }

Opciones de formateo

Ancho de impresión
Controla cuándo Prettier envuelve líneas largas — más ajustado para consultas densas, más amplio para SDL anidado.

Ajusta ancho de tabulación, tabulaciones vs espacios y estilo de comillas en la barra de herramientas.

Formateo con Prettier

Variables como $primary se conservan. Para minificación CSS consulta el minificador CSS o embellecedor CSS.

Procesamiento local y manejo de datos

Tu SCSS se parsea y reformatea en el navegador con Prettier. Sin subidas, sin almacenamiento en servidor y sin cuenta requerida — adecuado para esquemas propietarios, consultas y documentación interna.

Preguntas frecuentes — Desminificar SCSS

Desminificación

¿Se conservan las variables?

Sí — las variables $ y la estructura de anidamiento permanecen intactas.

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.