Embellecer SCSS en línea — Embellecedor SCSS

Embellece SCSS/Sass al instante con Prettier. Procesamiento en el navegador.

Cargando…
Embellecimiento SCSS
Embellecer SCSS en línea. Indentación y espaciado coherentes — procesamiento instantáneo en el navegador, sin subidas.

Funcionalidades

Formatear SCSS con variables y anidamiento conservados.

Embellecer SCSS

Formatear SCSS con variables y anidamiento conservados.

Ejemplo básico

SCSS fuente

$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 embellecido

$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 — Embellecer SCSS

Embellecimiento

¿SCSS o CSS?

Usa esta herramienta para sintaxis Sass/SCSS. Para CSS plano prueba el embellecedor CSS.

¿Necesitas desminificar?

Abre el desminificador SCSS.

¿Se sube mi SCSS a un servidor?

No. El embellecimiento se ejecuta íntegramente en tu navegador — tu SCSS nunca abandona tu dispositivo y FastMinify no lo almacena.

¿Embellecer o desminificar — cuál debo usar?

Embellecer formatea SCSS legible; desminificar restaura salida comprimida — prueba el desminificador SCSS. Para el formateo habitual, quédate en el embellecedor SCSS.

¿Puedo personalizar la indentación?

Sí — elige 2 o 4 espacios o tabulaciones en la barra de opciones de Embellecer.

Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.