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

Just for clarification the MS tag isn't for mobile styling, it's for pinned sites. So the @ui-mobile suggestion would not replace the tag you mentioned.

Greg

Received on Friday, 13 June 2014 20:59:59 UTC