[csswg-drafts] [css-color-4]: Relative Colors doesn’t work with `calc(l + 10%)` (#10571)

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

== [css-color-4]: Relative Colors doesn’t work with `calc(l + 10%)` ==
I found that this CSS doesn’t work in all browsers:

```css
.broken {
   --base: oklch(70% 0.1 30);
  background: oklch(from var(--base) calc(l - 10%) c h);
}
```

The only way to change lightness is to avoid `%` by using `calc(l - 0.1)`.

It looks confusing to me. But I don’t know what part of the spec prohibbits it.

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


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

Received on Saturday, 13 July 2024 09:55:39 UTC