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 vote110 views2 answers
Upload directory ssh to remote rsync
CSS
0 vote103 views1 answer
Css add space right
CSS
2 votes56 views1 answer
Css content space
CSS
-1 vote108 views1 answer
Css font family for all titles
CSS
0 vote112 views1 answer
Grid place between
CSS
2 votes120 views1 answer
Scss function
CSS
16 votes109 views5 answers
Scss loop
CSS
0 vote104 views1 answer
Css grid exercise
CSS
1 vote108 views1 answer
Css media queries between two sizes
CSS
1 vote118 views2 answers
Mobile screen size width css
CSS