Formateador SCSS
Formatea SCSS con sangría uniforme y selectores anidados legibles. Organiza variables, mixins y bloques de estilos sin compilarlos.
Pasa el cursor sobre un campo o selecciónalo para ver la ayuda. Pulsa Escape para cerrar.
Cómo funciona
Pega el contenido o carga el ejemplo. Elige las opciones disponibles, ejecuta la herramienta y copia o descarga el resultado.
Un ejemplo práctico
SCSS
$color:red;.card{color:$color;&:hover{color:blue;}}Preguntas frecuentes
¿Mi texto se envía a un servidor?
No. El contenido se procesa en este navegador. No se envía al servidor ni se guarda.
¿Qué debo saber sobre Formateador SCSS?
Usa el analizador SCSS con sangría ajustable. Formatear no compila SCSS a CSS ni resuelve importaciones, mixins o variables. La sintaxis no válida produce un error.