cssmergemedia Merges identical media queries in your CSS
Download

cssmergemedia Ranking & Summary

cssmergemedia Tags

media queries CSS

cssmergemedia Description

cssmergemedia is a Python tool that merges identical media queries in your CSS.For example, the following CSS: @media screen and (min-width: 480px) and (max-width:899px) { .foo { color:black; } } @media screen and (min-width: 480px) and (max-width:899px) { .bar { background:red; } }Is compiled to: @media screen and (min-width: 480px) and (max-width:899px) { .foo { color:black; } .bar { background:red; } }This allows you to keep your media queries along with the base style for each element, instead of grouping them together at the end of the file or in a separate file (and thus turning maintenance into a nightmare)CSS Merge Media is based on cssutils: what can be parsed with cssutils can be used in the script.InstallationUnpack the tarball and run:: python setup.py installInvocationInvoke the script like so:: cssmergemedia --input style.css --output style-merged.cssProduct's homepage

cssmergemedia Related Software