cssmergemedia es una herramienta de Python que combina preguntas de los medios idénticos en su CSS.
Por ejemplo, el siguiente CSS:
& Nbsp; & nbsp; & nbsp; media pantalla y (min-width: 480px) y (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: negro;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media pantalla y (min-width: 480px) y (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; fondo: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Se compila a:
& Nbsp; & nbsp; & nbsp; media pantalla y (min-width: 480px) y (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: negro;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; fondo: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Esto le permite mantener sus consultas de medios de comunicación junto con el estilo de base para cada elemento, en lugar de agruparlos juntos al final del archivo o en un archivo separado (y así convertir el mantenimiento en una pesadilla)
Combinar CSS medios se basa en cssutils: lo que se puede analizar con cssutils se pueden utilizar en el guión.
Instalación
Descomprime el código y ejecutar ::
& Nbsp; python setup.py install
Invocación
Invoque el script como así ::
& Nbsp; cssmergemedia --input style.css --output estilo merged.css
¿Cuál es nuevo en esta versión:
- Fijos cheque Dependecy en instalar
Requisitos :
- Python
Comentarios que no se encuentran