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

3 votes156 views2 answers
How to modify select icon csshow to modify select icon css
CSS
0 vote137 views1 answer
Css remove white space below footer
CSS
1 vote132 views2 answers
How to specify css for smaller screen
CSS
2 votes135 views1 answer
Half border bottom
CSS
0 vote152 views1 answer
@font-face
CSS
6 votes140 views3 answers
Linear-gradient(top to bottom)
CSS
2 votes164 views1 answer
Tailwind icon animation
CSS
13 votes155 views4 answers
How to print background bootstrap
CSS
0 vote136 views1 answer
Insert checkbox into combobox css
CSS
3 votes129 views3 answers
Have background color and background image css
CSS