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 vote392 views1 answer
What is the opacity of disabled text
CSS
0 vote365 views1 answer
Wordpress remove sticky header
CSS
0 vote404 views1 answer
Side nav bar in materialize css
CSS Materialize
-1 vote395 views1 answer
Html css image slider
CSS
7 votes357 views2 answers
Css id selector
CSS
0 vote363 views1 answer
Css good border color
CSS
0 vote383 views1 answer
Css tricks macos spaces in dock
CSS
23 votes360 views3 answers
Placeholder color in css
CSS
1 vote396 views2 answers
Onclick url
CSS
0 vote397 views2 answers
Sass example html
CSS