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

10 votes240 views2 answers
Line-height css
CSS
9 votes255 views1 answer
Html static background
CSS
1 vote253 views1 answer
Input type search remove x
CSS
0 vote268 views1 answer
Line sharpness css
CSS
0 vote252 views1 answer
Poner en input signo dolar con css
CSS
-1 vote263 views1 answer
Css dual color
CSS
0 vote248 views1 answer
Add title to slider
CSS
0 vote241 views2 answers
Adding font in nextjs
CSS
14 votes257 views4 answers
Composer downgrade to version 1
CSS
0 vote248 views1 answer
Download styles.css
CSS