Re: [csswg-drafts] [CSS Pseudo] Revisit CSS Custom Properties in highlight pseudos (#9909)

FWIW I ran into this today and damn, that’s some _bizarre_ behavior if I've ever seen one.

This doesn’t work:

```css
::highlight(mark-green) {
 --color: var(--color-green);
 background-color: color-mix(in oklab, canvas, var(--color));
}
```

This also doesn't work:

```css
::highlight(mark-green) {
 --color: var(--color-green);
}

::highlight(mark-green) {
 background-color: color-mix(in oklab, canvas, var(--color));
}
```

This does work (`--color-green` is defined on `:root`):

```css
::highlight(mark-green) {
 background-color: color-mix(in oklab, canvas, var(--color-green));
}
```

Can we please fix this? This is _really_ bad lol.

-- 
GitHub Notification of comment by LeaVerou
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9909#issuecomment-2315699439 using your GitHub account


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

Received on Wednesday, 28 August 2024 15:39:27 UTC