- From: Bramus! via GitHub <sysbot+gh@w3.org>
- Date: Tue, 25 Oct 2022 11:15:54 +0000
- To: public-css-archive@w3.org
Additionally: the [current spec](https://fullscreen.spec.whatwg.org/#::backdrop-pseudo-element) reads _“It does not inherit from any element and is not inherited from.”_
This also means that custom properties are not available inside of `::backdrop`, as demonstrated through [this demo](https://codepen.io/mattwilcoxuk/pen/abKbpMj):
```css
:root {
--brand: 0 50% 40%;
}
dialog {
background-color: hsl( var(--brand) / 0.5 );
}
dialog::backdrop {
background-color: hsl( var(--brand) / 0.5 ); /* ❌ Does not work */
backdrop-filter: blur(0.2rem);
}
```
This [confuses authors](https://twitter.com/MattWilcox/status/1584847908062593030?s=20&t=ELtOhQrV9NpFSmY0agziIw) as they – and me included as well – expected custom props to be available there, similar to them being available in `::after` for example.
My proposal for this specific detail, would be to allow custom properties to inherit down into `::backdrop`.
--
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7845#issuecomment-1290380196 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 25 October 2022 11:15:56 UTC