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 vote180 views1 answer
Set background transparency
CSS
13 votes234 views6 answers
Bootstrap Badges
CSS Bootstrap
18 votes160 views2 answers
How to make a game engine
CSS
1 vote162 views2 answers
Align div to right side of parent
CSS
1 vote174 views1 answer
Convert image in rounshape in css
CSS
1 vote172 views1 answer
Repeat autofill css grid minmax
CSS
17 votes192 views2 answers
Rgb green
CSS
4 votes180 views2 answers
Css center vertically
CSS
1 vote163 views1 answer
Margin clickable
CSS
0 vote240 views1 answer
Outting a border on a map css
CSS