# Formateador de SCSS Dé formato a hojas de estilos Sass SCSS con este formateador de SCSS. Pegue SCSS y la herramienta organiza reglas anidadas, variables, mixins, inclusiones, selectores padre y directivas de control con una sangría de dos espacios, una declaración por línea, un espacio después de los dos puntos de las propiedades y punto y coma donde falten. Se conservan las interpolaciones y los comentarios, para que los desarrolladores de front-end puedan ordenar parciales y fragmentos sin compilarlos. ## Preguntas frecuentes ### ¿Cómo funciona el formateador de SCSS? Lee la hoja de estilos como una serie de tokens, como llaves, punto y coma, dos puntos, cadenas y comentarios, y reconstruye su estructura a partir de ellos. Cada llave de apertura inicia un bloque con sangría y cada declaración termina en su propia línea. ### ¿Se admite el anidamiento? Sí, las reglas anidadas y los selectores padre como &:hover llevan un nivel más de sangría que su elemento padre, dos espacios por nivel. Los dos puntos de los selectores permanecen unidos, por lo que &:hover no se divide. ### ¿Cómo se formatean las variables, los mixins y las inclusiones? Las variables como $color: #333; llevan un espacio después de los dos puntos, y @mixin y @include conservan sus argumentos con un espacio después de cada coma. Las directivas de control como @if, @each y @for llevan un espacio antes del paréntesis. ### ¿Se conservan las interpolaciones? Sí, las interpolaciones como #{$name} se copian exactamente como están escritas. Esto incluye las interpolaciones dentro de selectores, como .icon-#{$name}, y dentro de nombres de propiedades. ### ¿La herramienta compila o valida mi SCSS? No, no compila a CSS ni comprueba la sintaxis, por lo que también da formato a fragmentos incompletos. Use el compilador de Sass para encontrar errores y generar CSS. ### ¿Se conservan los comentarios? Sí. Los comentarios de línea que empiezan con // terminan al final de la línea, y los comentarios de bloque se conservan donde aparecen. ### ¿Funciona con la sintaxis Sass con sangría? No, está diseñado para SCSS, que usa llaves y punto y coma. Los archivos con la sintaxis .sass con sangría no tienen llaves para marcar los niveles, así que conviértalos primero a SCSS. ### ¿Puedo cambiar la indentación? No, el resultado siempre usa dos espacios y el formateador no tiene opciones. Por tanto, la misma hoja de estilos siempre produce el mismo resultado. ### ¿Por qué el resultado está delimitado como scss? El resultado se devuelve como un bloque de código Markdown marcado como scss, por lo que se muestra con resaltado de sintaxis. Copie las líneas entre las vallas para su archivo .scss. ### ¿Qué tamaño puede tener mi hoja de estilos? Hasta 5 MB por ejecución; las entradas más grandes se rechazan con un mensaje. El resultado es idéntico a la opción SCSS del formateador de código. ¿Su anuncio aquí? [Envíenos un correo](mailto:hi@dennn.is?subject=Publicidad%20en%20OneClick%20Pro) [Anuncio El conjunto de plugins listo para agentes de WordPress.](https://sleekwp.com/?ref=oneclickpro)