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 votes160 views3 answers
How to set div background image
CSS
0 vote149 views1 answer
Beautiful checkbox css
CSS
10 votes150 views3 answers
Reset
CSS
1 vote161 views1 answer
Css text bubble
CSS
1 vote155 views1 answer
Load css file flask
CSS
8 votes181 views2 answers
Css margin bottom
CSS
1 vote172 views1 answer
Multiple divs next to each other
CSS
3 votes155 views1 answer
Vh and vw
CSS
0 vote172 views1 answer
Effetto fade con css
CSS
5 votes154 views3 answers
Css set div heigtto screen
CSS