cssmergemedia er en Python verktøy som fusjonerer identiske mediespørringer i CSS.
For eksempel, følgende CSS:
& Nbsp; & nbsp; & nbsp; media skjerm og (min-width: 480px) og (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media skjerm og (min-width: 480px) og (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; bakgrunn: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Er kompilert til:
& Nbsp; & nbsp; & nbsp; media skjerm og (min-width: 480px) og (max-width: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: black;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; .bar {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; bakgrunn: red;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
Dette gjør at du kan holde dine medie spørsmål sammen med basis stil for hvert element, i stedet for å gruppere dem sammen på slutten av filen eller i en egen fil (og dermed snu vedlikehold til et mareritt)
CSS Merge Media er basert på cssutils: hva kan analyseres med cssutils kan brukes i manuset.
Installasjon
Pakk ut tarball og kjøre ::
& Nbsp; python setup.py installere
Påkallelse
Påkall skriptet som så ::
& Nbsp; cssmergemedia --input style.css Output style-merged.css
Hva er nytt i denne utgaven:
- Fast dependecy sjekk på install
Krav :
- Python
Kommentarer ikke funnet