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

-1 vote228 views1 answer
Dotted underline css
CSS
0 vote223 views1 answer
Overriding fullpage js anchor style
CSS
0 vote232 views1 answer
Font-display css google fonts
CSS
2 votes226 views1 answer
How to use the transition left in css
CSS
20 votes238 views2 answers
Div circle
CSS
0 vote230 views1 answer
Css prevent background scrolling
CSS
13 votes228 views2 answers
How to middle text css
CSS
1 vote248 views1 answer
How do I vertically center text with CSS?
CSS
1 vote256 views1 answer
How to verticaly align items in a HTML container
CSS
3 votes239 views3 answers
Zoom image inside div and move
CSS