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 vote199 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
60 votes194 views6 answers
Center div horizontally and vertically
CSS
0 vote227 views1 answer
Get into a Docker container bash
CSS
0 vote238 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
0 vote196 views3 answers
Style highlight css
CSS
0 vote199 views1 answer
How to change the size of a style="text-align: center;"
CSS
60 votes196 views3 answers
Adding shadow to a div
CSS
0 vote195 views1 answer
Bootstrap accordion some change
CSS
0 vote204 views2 answers
Superscript css
CSS
2 votes205 views2 answers
Remove border select css
CSS