cssmergemedia är ett Python verktyg som går samman identiska media frågor i din CSS.
Till exempel, följande CSS:
& Nbsp; & nbsp; & nbsp; media skärm och (min-width: 480px) och (max-bredd: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; färg: svart;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media skärm och (min-width: 480px) och (max-bredd: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; bakgrund: röd;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Sammanställs till:
& Nbsp; & nbsp; & nbsp; media skärm och (min-width: 480px) och (max-bredd: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; färg: svart;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; bakgrund: röd;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Detta gör att du kan hålla dina media frågor tillsammans med basen stil för varje element, i stället för att gruppera dem i slutet av filen eller i en separat fil (och därmed vända underhåll till en mardröm)
CSS Merge Media baseras på cssutils: vad som kan analyseras med cssutils kan användas i skriptet.
Installation
Packa upp arkivet och kör ::
& Nbsp; Python setup.py installera
Åkallan
Åkalla skriptet som så ::
& Nbsp; cssmergemedia --input style.css --output stil-merged.css
Vad är nytt i den här versionen:
- Fast dependecy kontroll på installation
Krav :
- Python
Kommentarer hittades inte