- From: Simon Högström Rønbøl via GitHub <sysbot+gh@w3.org>
- Date: Fri, 03 Jun 2022 07:44:10 +0000
- To: public-css-archive@w3.org
SimonHogstromRonbol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-variables] custom property cycles not updating according to specs. ==
https://drafts.csswg.org/css-variables/#cycles
Imagine a scenario where you're setting up the main color of a site:
```
:root{
--maincolor-h: 193;
--maincolor-s: 66%;
--maincolor-l: 53%;
--maincolor: hsl(var(--maincolor-h), var(--maincolor-s), var(--maincolor-l));
}
button.button-a{
background-color: var(--maincolor)
}
button.button-b{
background-color: hsl(var(--maincolor-h), var(--maincolor-s), var(--maincolor-l))
}
button.button-c{
background-color: var(--maincolor)
}
button:hover{
--maincolor-l: 75%
}
```
now i imagine if i were to change --maincolor-l the background color of both buttons would change, but as it is implemented right now, only the background-color of .button-b would change.
https://codepen.io/sunturion/pen/rNJKzZY
Im not sure whether this is intended, or if its a browser implementation issue, but as i read the specs, it seems to me like this is supposed to work.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7336 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Friday, 3 June 2022 07:44:11 UTC