cssmergemedia

cssmergemedia is een Python-tool die identieke media queries fuseert in je CSS.
Bijvoorbeeld, de volgende CSS:
& Nbsp; & nbsp; & nbsp; media scherm en (min-width: 480px) en (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; kleur zwart;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media scherm en (min-width: 480px) en (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; achtergrond: rood;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Is samengesteld:
& Nbsp; & nbsp; & nbsp; media scherm en (min-width: 480px) en (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; kleur zwart;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; achtergrond: rood;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Hierdoor kunt u uw media queries te houden, samen met de basis stijl voor elk element, in plaats van ze te groeperen op het einde van het bestand of in een apart bestand (en dus draaien onderhoud in een nachtmerrie)
CSS Merge Media gebaseerd op cssutils: wat kan worden ontleed met cssutils kan worden gebruikt in het script.
installatie
Pak de tarball en run ::
& Nbsp; python setup.py installeren
Invocation
Roep het script zoals zo ::
& Nbsp; cssmergemedia --input style.css --output stijl-merged.css

Wat is nieuw in deze release:

• Vaste dependecy controle op installeren

Eisen

• Python