Override root css variables

:root {
  --lightness: 68%;
  --orange: hsl(255, 72%, var(--lightness));
}
.card {
  background: var(--orange);
  --orange: hsl(255, 72%, var(--lightness));
}
.card:hover {

  --lightness: 45%;
}

Source: stackoverflow.com

Similar codes

0 vote169 views1 answer
Css different rules on different devices
CSS
0 vote183 views1 answer
See css from site
CSS
0 vote306 views1 answer
Auto enable background graphics print settings
CSS
6 votes219 views6 answers
Css text highlight
CSS
0 vote205 views2 answers
Showing two iframes side by side
CSS
2 votes196 views3 answers
Em
CSS
0 vote213 views1 answer
Css change browser color
CSS
1 vote170 views1 answer
Login
CSS
-1 vote172 views1 answer
Centralize div css
CSS
9 votes190 views3 answers
Css font style
CSS