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

On Fri, Jun 13, 2014 at 1:24 PM, j.j. <moz@jeka.info> wrote:
> 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.

What would you be styling?  What things would you target with
selectors in there?

~TJ

Received on Friday, 13 June 2014 20:31:21 UTC