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 vote210 views1 answer
Advance css
CSS
2 votes265 views1 answer
Excel arabic numbers
CSS
1 vote176 views1 answer
How to create a semi circle in css
CSS
-1 vote233 views3 answers
How to align list to the centre in css
CSS
0 vote210 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
0 vote201 views1 answer
Css my body have margin top
CSS
-1 vote149 views1 answer
How to make div possion top in css
CSS
0 vote305 views1 answer
Bulma modal
CSS Bulma
5 votes209 views2 answers
Style disabled button
CSS
3 votes156 views1 answer
Terraform rds module
CSS