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 vote230 views1 answer
Css to reduce margin of class container
CSS
0 vote229 views1 answer
Margin-top not working
CSS
4 votes239 views1 answer
Resize in css
CSS
2 votes278 views1 answer
Sass class with another class
CSS
0 vote207 views5 answers
Css fr meaning
CSS
4 votes227 views3 answers
Css image cover
CSS
0 vote233 views1 answer
Nuxt scss
CSS
0 vote228 views1 answer
Respnsive font size css
CSS
7 votes231 views2 answers
Css id selector
CSS
0 vote212 views1 answer
Css how to center images in a table cell
CSS