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

Re: [css3-values] More "random" issues

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Wed, 12 Oct 2011 08:02:14 -0700
Message-ID: <CAAWBYDAtMf8WeTqcQVoi=QFT3O-1PVsBiDHd=eAdDpEpg9ZrSA@mail.gmail.com>
To: Bert Bos <bert@w3.org>
Cc: W3C style mailing list <www-style@w3.org>
On Wed, Oct 12, 2011 at 5:53 AM, Bert Bos <bert@w3.org> wrote:
> An idea for the "Values and units" module: random values.
> (For the record: The idea is due to a colleague of mine, François
> Daoust.)
> Properties with numeric (real) values are probably easiest to give
> random values, e.g., like this:
>    P { margin-left: calc(2em + random * 1em) }
>    SPAN { transform: rotate(calc(random * 6deg - 3deg)) }

Adding randomness to the language would be useful and cool, but it
exposes details of value computation that haven't yet been necessary
to define.

For example, in the following styles:

foo       { width: calc(random * 100px + 100px); }
foo:hover { width: 200px; }

What is the width of the element after hovering and unhovering?  Does
it keep the original value, or does it compute a new random value?

Does it make a difference if the rule kept applying the whole time
versus the rule not applying part of the time?  For example, with
these styles:

foo       { width: 200px; }
foo:hover { width: calc(random * 100px + 100px); }

What is the width of the element after hovering, unhovering, and hovering again?

We could probably avoid these issues by instead hooking randomness
into variables, and say they're calculated once (unless you mess with
their values), but then you couldn't do something like:

foo { width: calc(random * 100px + 100px); }

...and have all the <foo> elements get different random widths.

Received on Wednesday, 12 October 2011 15:03:13 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:05 UTC