Re: [csswg-drafts] [css-null-keyword] `null` keyword (#9914)

For your 1st code to work, you would actually need 2 features:

 1. The ability to ignore a declaration and roll back to the next winner of the cascade: #5319
 2. The ability to use the above on a custom property, but just tokenize it and defer its execution to when `var()` is used: #2749

For now, I would recommend to make do with:

```css
@layer {
  body {
    background-color: red;
  }
}
@layer {
  body {
    background-color: var(--bg, revert-layer);
    --bg: initial; 
  }
}
```

Your codepen should actually work if you used `color: var(--animate-to-color, revert-layer)` instead of `color: var(--animate-to-color, null)`. And it works in WebKit indeed. But Gecko and Blink are buggy and it doesn't work, even though they do use blue for `color: revert-layer`. So please file bugs.

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


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

Received on Tuesday, 6 February 2024 13:04:16 UTC