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 vote350 views1 answer
How to take only part of an image css
CSS
3 votes332 views1 answer
How to set text to middle in div
CSS
5 votes326 views1 answer
Force to load https
CSS
0 vote328 views1 answer
Css ios media query
CSS
0 vote315 views1 answer
Css add space to the top
CSS
13 votes332 views4 answers
How to print background bootstrap
CSS
8 votes310 views1 answer
Full screen image
CSS
162 votes398 views5 answers
Css shaddow
CSS
0 vote347 views2 answers
Tailwindcss link styling
CSS
12 votes333 views1 answer
How to make borders rounded in css
CSS