Call Modernizr.load() from theme .info files

I was thinking about the way that conditional stylesheets are loaded into the theme, and figured we could implement the same system within Modernizr. Instead of wrapping the assets in conditional comments, we wrap them in Modernizr.load() calls, allowing asynchronous loading from within any theme.

Here are some calls I came up with:

; Modernizr.load() asset calls for Drupal
; inspired by drupal.org/project/conditional_styles

; basic Drupal calls - same as always
stylesheets[all][] = styles.css
scripts[] = scripts.js

; basic Modernizr.load()
modernizr[Modernizr.mq('(min-width: 300px)')][yep][] = mobile.css
modernizr[Modernizr.mq('(min-width: 300px)')][nope][] = unsupported.css
modernizr[Modernizr.mq('(min-width: 300px)')][both][] = regardless.css

modernizr[Modernizr.mq('(min-width: 640px)')][yep][] = medium.css
modernizr[Modernizr.mq('(min-width: 960px)')][yep][] = large.css
modernizr[Modernizr.mq('(min-width: 1450px)')][yep][] = massive.css

; polyfill loading
modernizr[Modernizr.mq('(min-width:0px)')][nope][] = respond.js

; inline loading using document.write (recommended for some polyfills)
modernizr-inline[Modernizr.mq('(min-width:0px)')][nope][] = respond.js

Which would produce something like this:

<link rel="stylesheet" href="styles.css">
<script src="scripts.js"></script>

Modernizr.load({
  test: Modernizr.mq('(min-width: 300px)'),
  yep: 'mobile.css',
  nope: 'unsupported.css',
  both: 'regardless.css',
});
Modernizr.load({
  test: Modernizr.mq('(min-width: 640px)'),
  yep: 'medium.css',
});
Modernizr.load({
  test: Modernizr.mq('(min-width: 960px)'),
  yep: 'large.css',
});
Modernizr.load({
  test: Modernizr.mq('(min-width: 1450px)'),
  yep: 'massive.css',
});
Modernizr.load({
  test: Modernizr.mq('(min-width:0px)'),
  nope: 'respond.js',
});
if ( ! Modernizr.mq('(min-width:0px)') ) {
  document.write('<script src="respond.js"></s'+'cript>');
}

Although this example uses very similar media query tests, the .info file calls need the full syntax with the "Modernizr." prefix because this could easily apply to other tests from within Modernizr or another lib, or even custom conditionals.