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 vote117 views1 answer
Css horizontal scroll cards
CSS
1 vote121 views2 answers
Vim unset number
CSS
0 vote125 views3 answers
Svg background css
CSS
5 votes133 views2 answers
Css text cut dots
CSS
0 vote127 views2 answers
Media Query smartphone only
CSS
1 vote124 views1 answer
Kommentar css
CSS
0 vote115 views1 answer
Anchor links scrolling too far
CSS
28 votes150 views6 answers
Linear gradient css background image
CSS
0 vote116 views2 answers
How to center the table horizontally css
CSS
3 votes109 views2 answers
Form css
CSS