Re: CSS Hierarchies + @media queries

I will buy them chocolates and a couple rounds of beer.

Chris

On Wed, Feb 29, 2012 at 4:00 PM, Daniel Glazman <
daniel.glazman@disruptive-innovations.com> wrote:

> Le 01/03/12 00:42, Chris Eppstein a écrit :
>
>
>  I was reading through http://dev.w3.org/csswg/css3-**hierarchies/<http://dev.w3.org/csswg/css3-hierarchies/>and
>> noticed that there was no provision for nesting an @media directive
>> inside a hierarchical selector context.
>>
>> In Sass we let @media be nested in any selector and then "bubble" that
>> @media query to the top level.
>>
>> For example:
>>
>> .context {
>> & .module {
>>     float: left;
>>     width: 50%;
>>     @media all and (max-device-width: 500px) {
>>       float: none;
>>       width: auto;
>>     }
>>   }
>> & p {
>>     color: #333;
>>   }
>> }
>>
>
> Wow. I understand the request but that would require a serious
> change in the parsing rules of CSS and I am not sure browser
> vendors will accept that one easily. The existing proposal
> is already super interesting but will have a rather huge impact
> on a) the parser b) the CSS OM c) the CSS resolution algo
> d) editing tools. I'm not sure an extra change of that magnitude
> will be welcomed, at least in the level 1 of that spec.
>
> </Daniel>
>
>