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 vote149 views1 answer
Font weightcss
CSS
88 votes258 views6 answers
Css border radius
CSS
7 votes216 views2 answers
Max z-index value css
CSS
0 vote168 views1 answer
How to add space inbetween lines in html
CSS
1 vote156 views1 answer
::-ms-clear
CSS
1 vote172 views1 answer
Onclick change visibility
CSS
1 vote197 views1 answer
Increase font size zenity
CSS
0 vote161 views3 answers
Style highlight css
CSS
0 vote177 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
21 votes153 views2 answers
Remove focus border
CSS