W3C home > Mailing lists > Public > www-style@w3.org > April 2014

Re: CSS variable syntax

From: Marat Tanalin <mtanalin@yandex.ru>
Date: Thu, 03 Apr 2014 23:23:30 +0400
To: Tab Atkins Jr. <jackalmage@gmail.com>, Mark Volkmann <r.mark.volkmann@gmail.com>
Cc: Chris Eppstein <chris@eppsteins.net>, Simon Sapin <simon.sapin@exyr.org>, Jens O. Meiert <jens@meiert.com>, W3C WWW Style <www-style@w3.org>
Message-Id: <953541396553010@web6j.yandex.ru>
03.04.2014, 20:33, "Tab Atkins Jr." <jackalmage@gmail.com>:
> On Thu, Apr 3, 2014 at 9:11 AM, Mark Volkmann <r.mark.volkmann@gmail.com> wrote:
>
>> I'm not familiar with what @ is being used for. Why couldn't variables start
>> with @?
>
> @ is for at-rules. CSS Syntax already allows at-rules inside of style
> rules (none are defined yet, but it's available when we extend into
> that realm, which we will definitely do)

If at-rules are allowed inside of style rules, then it's maybe time to reconsider defining variables (custom props now) via a nested at-rule:

    .example {
        @var {
            foo: #fff;
            bar: #000;
        }
    
        background: var(foo);
        color: var(bar);
    }

So any prefix like `--` is unneeded at all while variables are clearly separated from regular properties.

As a nice side effect, global (root-level) variables could be defined without need to nest them in redundant style rule with `:root` selector.
Received on Thursday, 3 April 2014 19:24:03 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:21 UTC