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

174 votes347 views6 answers
Css background image
CSS
0 vote309 views2 answers
CSS Or Selector
CSS
103 votes304 views2 answers
What are the types of positioning in css
CSS
38 votes264 views6 answers
Gradient text color css
CSS
0 vote284 views1 answer
Not let user select in css
CSS
1 vote311 views1 answer
Grid rows css
CSS
0 vote300 views1 answer
Justify center wont wotk with max-width css
CSS
7 votes312 views3 answers
Change font awesome icon color
CSS
0 vote303 views1 answer
Css background image follow scroll
CSS
20 votes303 views2 answers
No select css
CSS