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

17 votes255 views1 answer
Yarn start not working on windows because scripts disabled
CSS
0 vote193 views1 answer
Css add space right
CSS
0 vote162 views1 answer
Css disable animation on load
CSS
0 vote194 views1 answer
How to paralax effect on background image
CSS
0 vote224 views1 answer
Aplicar padding a sombra
CSS
-1 vote195 views1 answer
Apple gradients
CSS
0 vote264 views1 answer
Bootstrap ol
CSS Bootstrap
0 vote235 views1 answer
Rotate keyfreame animation
CSS
82 votes182 views6 answers
Text-shadow css
CSS
6 votes186 views2 answers
How to wrap text in div css
CSS