W3C home > Mailing lists > Public > www-style@w3.org > February 2011

Re: CSS Variables

From: Linss, Peter <peter.linss@hp.com>
Date: Tue, 8 Feb 2011 18:18:41 +0000
To: "L. David Baron" <dbaron@dbaron.org>
CC: Tab Atkins Jr. <jackalmage@gmail.com>, www-style list <www-style@w3.org>
Message-ID: <0017F55D-87E8-4C9C-B169-13F9C272EBE0@hp.com>
On Feb 7, 2011, at 1:35 PM, L. David Baron wrote:

> On Saturday 2011-02-05 16:34 -0800, Tab Atkins Jr. wrote:
>> The syntax isn't complex.  What we're going with so far is this:
>> 
>> @var $foo red;
>> bar {
>>  color: $foo;
>> }
>> 
>> The @var rule declares a single variable, taking a name and then
>> arbitrary CSS as a value.  The var name must start with a $ character,
>> so we can use $ as an unambiguous indicator in the content that a
>> variable is being used.
> 
> What does "arbitrary CSS" mean?  Is it a character stream?  A token
> stream?  A valid value?  A valid part of a value?  (Failing to
> answer this question clearly before implementing may lead to a spec
> that depends on the details of a particular implementation.  The
> answer to this question also has *significant* effects on how hard
> this proposal is to implement, but those answers may be different
> for different implementations.)
> 
> Or, to put it more concretely, which of the following lines are valid:
> 
>  @var $a x;             p { width: 20p$a; }
>  @var $b Roman";        p { font-family: "Times New $b; }
>  @var $c 2px;           p { text-shadow: green $c $c; }
>  @var $d green 2px 2px; p { text-shadow $d; }
>  @var $e green 2px 2px; p { text-shadow $e, $e; }
>  @var $f green 2px 2px; p { text-shadow $f 3px; }
>  @var $g 2px, green;    p { text-shadow: blue 2px $g 1px 1px; }

What about:
@var $a px;		p { width: 100$a; }
or (I don't see how to do it with the '$' syntax):
@var b 200;		p { width: var(b)px; }




Received on Tuesday, 8 February 2011 18:20:05 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:37 GMT