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

4 votes206 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
2 votes173 views1 answer
Css percent minus pixel
CSS
0 vote183 views1 answer
Float: down css
CSS
0 vote196 views1 answer
Webpack how to disable warning when run build
CSS
0 vote181 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote173 views2 answers
Html overflow scroll only if needed with exemple
CSS
7 votes176 views2 answers
Bootstrap Aligning images
CSS
1 vote179 views1 answer
Ion-item no padding ionic 4
CSS
0 vote204 views1 answer
Display none opposite
CSS
0 vote179 views1 answer
COMO ADC HOVER
CSS