Skip to main content

CSS Merge Media merges identical media queries in your CSS

Project description

# Copyright (c) 2012 Adrien Kohlbecker

Intro
=====

CSS Merge Media 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.

Installation
============

Unpack the tarball and run::

python setup.py install

Invocation
==========

Invoke the script like so::

cssmergemedia --input style.css --output style-merged.css

Changelog
=========

0.1.1 - June 13, 2012
---------------------
Fixed dependecy check on install

0.1 - June 13, 2012
-------------------

Initial release

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page