CleanCSS

CleanCSS es un lenguaje simple para pythonic CSS inspirado en CleverCSS pero más simple y con menos características obstructivas.
¿Por qué
Me gustó mucho la idea detrás CleverCSS pero cuando se utiliza en la producción me di cuenta de que yo estaba tratando de alejarse de su analizador escapando cuerdas y propiedades CSS no compatibles demasiado a menudo. El uso de prefijos de proveedores como -webkit-pendiente y valores como RGBA resultó en una CSS desordenado, así que decidí escribir mi propio programa de análisis de una sintaxis similar sin todas las características complejas que no utilizo de todos modos y ahora funciona muy bien para mí en sitios web modernos REALES.
Ejemplos Sintaxis
Yo voy a seguir los ejemplos CleverCSS siempre que sea posible ya que la sintaxis es muy similar.
Un pequeño ejemplo de abajo. Tenga en cuenta la sintaxis basada sangría y cómo se puede anidar reglas:
#encabezado de pie de página:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Fuente->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; tamaño: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margen: 0.8em 0.8em 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; h3:
                        font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p:
                        padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
                        texto align: derecha
                        colores: #ddd
Por supuesto, usted puede hacer lo mismo en la CSS, pero debido a su naturaleza plana el código se vería más detallado. El siguiente fragmento de código es la salida CleanCSS del archivo mencionado:
#encabezado de pie de página {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
li #header,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margen: 0.8em 0.8em 0;
}
#header h3 li,
li #footer h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li p,
li #footer p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
#header p.meta li,
li #footer p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; colores: #dddddd;
}
utilización Biblioteca
Importe el módulo cleancss y llamar a la función de conversión () con un objeto de tipo fichero.
Ejemplo:
cleancss importación
con open ('file.css') como f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cleancss.convert impresión (f)
uso de la línea de comandos
Llame a la cleancss.py sin parámetros para mostrar las instrucciones de uso. Pasar cualquier número de archivos a cleancss.py y el guión será convertir los archivos a CSS e imprimir el resultado a la consola.
Ejemplo:
cleancss.py file.css> result.css

Requisitos

• Python