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 vote172 views1 answer
Css columns
CSS
0 vote141 views1 answer
Css color codes
CSS
0 vote127 views1 answer
Product list fix height image css
CSS
0 vote123 views1 answer
Uikit height 100%
CSS
2 votes148 views2 answers
Nunito font
CSS
0 vote134 views1 answer
Css remove second element
CSS
28 votes151 views4 answers
Font face roboto css
CSS
0 vote96 views1 answer
Speeh recognition github
CSS
22 votes131 views4 answers
Centering with flexbox
CSS
7 votes137 views2 answers
Float center tailwind
CSS