I'm looking for the best way to use media queries within a drupal theme (based on Zen 5)
The options I've found are :
Defining media queries in the info file eg :
stylesheets[all] = styles/base.css stylesheets[all and (min-width: 480px)] = styles/480up.css stylesheets[all and (min-width: 720px)] = styles/720up.css stylesheets[all and (min-width: 960px)] = styles/960up.css
Include all the css file and wrap all definitions within the media queries in the files
Use base.css and use media queries at the end of this file to import others stylesheets.
Of theses three options, which is the lightest? Is there a fourth one?