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

3 votes215 views1 answer
Trash icon favicon
CSS
1 vote237 views2 answers
Button transparent using css
CSS
57 votes216 views6 answers
Virtualenv --python
CSS
7 votes224 views2 answers
Rem vs em
CSS
0 vote211 views1 answer
How to get 2 words one left aligh and right align in css
CSS
2 votes219 views1 answer
Make a quarter of circle css
CSS
0 vote219 views1 answer
How to give text two colors in css
CSS
0 vote217 views1 answer
Css remove list indent
CSS
0 vote197 views1 answer
Is there a min-left css attribute
CSS
7 votes206 views2 answers
Remove blue border on a input
CSS