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

1 vote332 views2 answers
Zoom level in css
CSS
0 vote362 views1 answer
Keeping text to be in one line
CSS
1 vote303 views1 answer
Comfirm before delete
CSS
14 votes332 views5 answers
Input number hide arrows
CSS
0 vote346 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
8 votes299 views2 answers
Text underline hover css
CSS
0 vote331 views1 answer
How make button which is fixed even after i scroll
CSS
0 vote337 views1 answer
Css tricks macos spaces in dock
CSS
2 votes282 views1 answer
XAMPP: Another web server daemon is already running
CSS
1 vote303 views1 answer
Css thinner hr
CSS