W3C home > Mailing lists > Public > www-style@w3.org > November 2013

Re: Media Query Variables

From: Bruno Racineux <bruno@hexanet.net>
Date: Wed, 13 Nov 2013 16:11:37 -0800
To: Henrik Andersson <henke@henke37.cjb.net>, Yoav Weiss <yoav@yoav.ws>, Andy Davies <dajdavies@gmail.com>
CC: "Tab Atkins Jr." <jackalmage@gmail.com>, www-style <www-style@w3.org>
Message-ID: <CEA94D4D.7A647%bruno@hexanet.net>
Do you guys have a consensus on the best way to implement this?
>From what I read, the meta approach is out, right?

MQ vars would also be very relevant to the RespImg discussion.

What about a simple way like this:

<style>
 @media { small: (max-width: 20em); large: (min-width: 40em); }
</style>
<link rel="stylesheet" media="screen and (small)" />
<link rel="stylesheet" media="print and (large)" />


It centralizes and tokenizes MQs in the <head> to mix and match them later.


The @media keywords become custom vars like 'monochrome' or 'color'.
Received on Thursday, 14 November 2013 00:12:05 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:36 UTC