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.

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.

Explorar otras categorías de herramientas

Minificar

Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.

Desminificar

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

Conversión

Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.

Preprocesadores CSS

Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.

Herramientas JSON

Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.

Herramientas SVG

Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.

DevOps e Infra

Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.

CI/CD

GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.

Logs y observabilidad

JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.

Kubernetes

Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.

Red / IP

CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.

Seguridad y tokens

JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.

API y esquemas

Herramientas OpenAPI para formatear, validar y analizar tus specs.

Codificación

Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.

Utilidades para desarrolladores

Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.

Texto y Markdown

Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.

IA y LLM

Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.

Datos de prueba

Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.

Serialización

Serializa y deserializa estructuras PHP junto a los flujos JSON.