media query definitions

It would be nice, if there was a way to define a media query, and use it in
multiple @media blocks:

@media-def #my-media only screen and (max-width: 480px), only screen and
(max-device-width: 480px), etc.;

@media(#my-media) {
 /* css rules */
}

The syntax can of course be totally different.

This would eliminate some duplication where there are multiple media query
blocks in various CSS files that target the same device, etc.

What do you guys think?

Cheers,
Behrang Saeedzadeh
http://www.behrang.org

Received on Friday, 21 June 2013 14:59:24 UTC