[csswg-drafts] [css-images] <1d-image> interpolation makes no sense (#8163)

Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-images] <1d-image> interpolation makes no sense ==
> There are only a few restrictions on what images are allowed to be interpolated:
> 1. Both the starting and ending image must have the same number of [`<color-stripe>`](https://drafts.csswg.org/css-images-4/#typedef-color-stripe)s.
> 2. Neither image uses a combination of [`<length>`](https://drafts.csswg.org/css-values-4/#length-value), [`<percentage>`](https://drafts.csswg.org/css-values-4/#percentage-value), and [`<flex>`](https://drafts.csswg.org/css-grid-2/#typedef-flex) stripes.
> 
> [...] Then, for each pair of stripes, interpolate the [thickness](https://www.w3.org/TR/css3-transitions/#animtype-length) and [color](https://www.w3.org/TR/css3-transitions/#animtype-color) independently.

How do you interpolate from `stripes(#000 10px, #111 20px)` to `stripes(#222 10fr, #333 20fr)`?
This is invalid: `stripes(#111 calc(5px + 5fr), #222 calc(10px + 10fr))`

I think that restriction 2 should be changed. Instead of checking that each `<1d-image>` does not mix different types, it should check that each pair of interpolated thicknesses does not mix different types.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8163 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 30 November 2022 17:44:28 UTC