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

1 vote308 views1 answer
Ionic create project css
CSS
56 votes366 views2 answers
Responsive css code for all screen size
CSS
0 vote363 views1 answer
Get clicked position javascript image
CSS
0 vote362 views1 answer
How to add font otf format in html
CSS
4 votes323 views5 answers
Placeholder text css
CSS
2 votes346 views2 answers
No gutter in bootstrap css for row
CSS
38 votes356 views2 answers
Remove list bullet css
CSS
4 votes350 views2 answers
How to get all values from object in javascript
CSS
6 votes344 views2 answers
How to make all the columns equal size with flexbox
CSS
8 votes339 views1 answer
How to align items in css
CSS