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 vote406 views1 answer
How to remove image using css
CSS
0 vote410 views1 answer
Add dots instead of line break in css
CSS
0 vote369 views2 answers
Css flex justify self
CSS
7 votes366 views2 answers
Css comic sans
CSS
0 vote384 views1 answer
PacSelectFirst( submit button
CSS
0 vote348 views1 answer
Mettre icloud en dossier barre
CSS
2 votes359 views6 answers
Neumorphism
CSS
0 vote401 views1 answer
Random color scss
CSS
0 vote335 views1 answer
Have button beside form input
CSS
7 votes361 views1 answer
Show hand icon on hover javascript
CSS