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

4 votes152 views3 answers
Add space between all html elements flex
CSS
0 vote150 views1 answer
Wordpress page css not working
CSS
0 vote342 views1 answer
Nth master
CSS
1 vote151 views1 answer
Bootstrap card hover effect
CSS
0 vote165 views1 answer
Inine css
CSS
6 votes159 views3 answers
How to add a background overlay in css
CSS
0 vote151 views7 answers
Xle
CSS
0 vote166 views1 answer
Color around the text
CSS
0 vote159 views1 answer
Object-position
CSS
3 votes165 views1 answer
Enter in css
CSS