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

46 votes399 views2 answers
Customize scrollbar
CSS
0 vote365 views2 answers
Link html to html stackoverflow
CSS
0 vote379 views1 answer
Remove focus blue lines from anchor tag
CSS
0 vote362 views2 answers
Remove background color css jquery
CSS
0 vote388 views1 answer
How to change the position of a button in css
CSS
0 vote363 views1 answer
Css flex bottom
CSS
47 votes420 views6 answers
Css blur
CSS
36 votes390 views4 answers
Adding gradient to text color
CSS
12 votes361 views5 answers
Responsive font-size
CSS
0 vote395 views1 answer
Css aplying everything
CSS