[csswg-drafts] [css-mediaqueries] inner `@media` rules.

• From: Zambonifofex via GitHub <sysbot+gh@w3.org>
• Date: Sun, 25 Sep 2016 20:58:49 +0000
• To: public-css-archive@w3.org
• Message-ID: <issues.opened-179108565-1474837127-sysbot+gh@w3.org>

Zambonifofex has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-mediaqueries] inner `@media` rules. ==
Consider:

```CSS
foo
{
    color: red;
    @media screen
    {
        background-color: blue;
    }
}
```

This syntax is good because:

1. It’s DRY (what if `foo` was a really long selector?)
2. It interacts well with 
[nesting](https://tabatkins.github.io/specs/css-nesting/).
3. Not only it interacts well with [custom property 
sets](https://tabatkins.github.io/specs/css-apply-rule/), but it 
allows people to do things that would otherwise be impossible. 
Consider:

```CSS
:root
{
    --button:
    {
        color: red;
        @media screen
        {
            background-color: blue;
        }
    };
}
```

Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/531 using your GitHub 
account

Received on Sunday, 25 September 2016 20:58:55 UTC