W3C home > Mailing lists > Public > www-style@w3.org > August 2016

Re: [css-values] CSS counters inside CALC function

From: Hr Gwea <hrg.wea@gmail.com>
Date: Fri, 26 Aug 2016 08:37:41 -0300
Message-ID: <CAE++px9+1J3UT=CcR36VDmzromg8Hg_B-rMERiNbph6qya1vPg@mail.gmail.com>
To: www-style list <www-style@w3.org>
Here is a jsfiddle with a working example:
https://jsfiddle.net/eyqcdr62/


On Fri, Aug 26, 2016 at 8:36 AM, Hr Gwea <hrg.wea@gmail.com> wrote:

> I hit ENTER too soon:
>
> The point of the example is that it could be done so much easier with
> counters.
> Like this:
>
> div {counter-reset: pos}
>
> e {counter-increment: pos; transform: rotate( calc( 30deg * counter(pos)
>> ) ) translateY(50px) }
>
>
> Could you add this to the spec?
>
>
>
Received on Friday, 26 August 2016 11:38:10 UTC

This archive was generated by hypermail 2.3.1 : Friday, 26 August 2016 11:38:10 UTC