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 vote272 views1 answer
Style input type range shaded part only
CSS
53 votes251 views6 answers
Css transparent background image
CSS
2 votes277 views1 answer
Admin dashboard html css
CSS
6 votes251 views1 answer
Hidden vs visible
CSS
2 votes251 views1 answer
Size carousel bootstrap 4
CSS
0 vote257 views2 answers
How to evenly space icons in a div css
CSS
7 votes237 views3 answers
Css all except last
CSS
-1 vote239 views1 answer
Scss npm import
CSS
0 vote262 views1 answer
Bootstrap create full screen background image
CSS
0 vote257 views1 answer
How to add css to alt attribute text
CSS