W3C home > Mailing lists > Public > www-style@w3.org > June 2013

Re: [css-variables] Remaining Issues

From: Sylvain Galineau <galineau@adobe.com>
Date: Tue, 11 Jun 2013 01:59:46 -0700
To: Fran├žois REMY <francois.remy.dev@outlook.com>, "Tab Atkins Jr." <jackalmage@gmail.com>
CC: www-style list <www-style@w3.org>
Message-ID: <CDDCB10F.5C7F%galineau@adobe.com>

On 6/11/13 10:46 AM, "Fran├žois REMY" <francois.remy.dev@outlook.com> wrote:

>> What does the 'possibility of replacing normal properties' mean? And why
>> is it very important?
>A property replace another if, instead of changing that second property,
>you change the other to achieve a similar effect.
>   var-col-size: 33%;
>   var-col-index: 1;
>   position: absolute;
>   left: get(var-col-index * var-col-size);
>If I want to animate my layout, and add a fourth column inside an
>animation, or change an element of column inside an animation, I may want
>to transition 'var-col-index' from 1 to 2, or change the 'var-col-size'
>property in order to create an anim where the colsize increases from 0 to
>33% at the opening of the page.

I don't see any 'replacement'; you're animating the left value in a way
similar to what happens today when percentage values recompute as the
width/height of a containing block is animated.

>If custom properties are not animatable, I think I'll consider them
>'completely broken', down from my current 'they are broken' vision.

Intransigeant assertions are not very useful. Describing the kind of
use-cases that would be 'completely broken' adds much more value. The one
you propose above seems unnecessarily contrived, fwiw.  Animating the
addition of this column implies animating the width of the container,
which works today. You could then position your element using the right
property; this would be a lot simpler and require no calculation using
column index or column size. 	 	   		  

Received on Tuesday, 11 June 2013 09:00:15 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:28 UTC