cssmergemedia ist ein Python-Tool, das gleiche Medienanfragen in Ihrem CSS übergeht.
Zum Beispiel kann die folgende CSS:
& Nbsp; & nbsp; & nbsp; @ media-Bildschirm und (min-width: 480px) und (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; farbe: schwarz;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; @ media-Bildschirm und (min-width: 480px) und (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Hintergrund: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Wird erstellt:
& Nbsp; & nbsp; & nbsp; @ media-Bildschirm und (min-width: 480px) und (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; farbe: schwarz;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Hintergrund: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Dies ermöglicht Ihnen, Ihre Medien-Anfragen zusammen mit der Basis-Stil für jedes Element, anstatt sie zusammenzufassen am Ende der Datei oder in einer separaten Datei (und damit Drehen Wartung in einen Alptraum) zu halten,
CSS Merge Medien auf cssutils Grunde: was kann analysiert werden, mit cssutils kann im Skript verwendet werden.
Installation
Entpacken Sie das Archiv und starten Sie ::
& Nbsp; python setup.py install
Aufruf
Rufen Sie das Skript wie so ::
& Nbsp; cssmergemedia --input style.css --output Stil-merged.css
Was ist neu in dieser Pressemitteilung:
- Fest dependecy Überprüfung installieren
Anforderungen :
- Python
Kommentare nicht gefunden