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
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