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 vote149 views1 answer
How to make 3 photos display inline-blocks
CSS
8 votes139 views4 answers
Css left
CSS
0 vote138 views1 answer
Transform on click
CSS
0 vote130 views1 answer
Build a responsive real world website from scratch html css
CSS
0 vote172 views1 answer
Cl image tag width
CSS
2 votes184 views1 answer
Https request
CSS
6 votes105 views2 answers
How to change text on hover
CSS
3 votes176 views2 answers
Downgrade composer to 1 in vagrant
CSS
32 votes142 views2 answers
Git stop merge
CSS
0 vote146 views1 answer
Absolute vertical middle quasar
CSS