[mediaqueries] UI styling Media Feature to avoid new custom <meta> tags

There is a request to implement a new meta tag in Chromium/Blink:

<meta name="brand-color" content="#0000ff"> [1]

It seems to be intended to do some UI-styling on android.
Other vendors have similar things:

<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="msapplication-navbutton-color" content="#FF3300">

IMHO this is a bad idea, because
- introducing a new meta tag just to define a single color covers a 
limited set of usecases
- and it's about styling and belongs to CSS anyway

My proposal is to handle this with one or more special new Media 
Features, which require a separate sylesheet.
So you can do simple things like this:

<style media="UI-mobile-or-whatever-name-it-could-have">
/*add styling for your "brand-color" here*/
</style>

<link rel=stylesheet media=UI-mobile href="...">

@media UI-mobile {} should be invalid (ignored) in other styleshests, 
because it seems undesirable to mix UI and content stylesheets.


[1] 
https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/nzRY-h_-_ig/KR3XWn73tDoJ

Received on Friday, 13 June 2014 20:25:16 UTC