- 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>
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