Cómo se usa
- Pega tu CSS, SCSS o Less.
- Elige el lenguaje y la sangría.
- Haz clic en Formatear o pulsa Ctrl+Enter (⌘+Enter en Mac).
- Copia la hoja de estilo formateada.
Opciones explicadas
- Lenguaje
- CSS, SCSS o Less. Elige el correcto para que se entiendan las variables ($gap, @gap) y las reglas anidadas.
- Sangría y ancho de línea
- La sangría de las reglas anidadas y las declaraciones, y el ancho a partir del cual se dividen las listas de selectores y los valores largos.
Ejemplos
CSS minificado de un framework. Pega un archivo .min.css de una sola línea para leer las reglas una a una.
Limpieza de SCSS. Pega SCSS anidado con sangría mezclada y obtén un anidamiento coherente de dos espacios.
Preguntas frecuentes
¿Qué cambia al formatear?
Pone cada declaración en su propia línea, normaliza los espacios alrededor de los dos puntos y las llaves, pasa a minúsculas los colores hexadecimales y reduce varias líneas en blanco seguidas a una sola. No se cambian ni el orden de las propiedades ni los valores.
¿Puedo desminificar el CSS de una web?
Sí. Pega el archivo minificado y haz clic en Formatear. Los comentarios que eliminó el minificador no se pueden recuperar.
¿Se sube mi código?
No. El formateo se hace en tu navegador.
Privacidad
Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.