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

68 votes151 views6 answers
Add css file in html
CSS
0 vote122 views1 answer
How to add color in css
CSS
0 vote135 views1 answer
Sass dummy folder site download
CSS
8 votes120 views2 answers
Invert png color css
CSS
11 votes124 views2 answers
Css line-clamp
CSS
0 vote133 views1 answer
Get size of each file and folder in a directory
CSS
0 vote123 views1 answer
Elementor custom css for mobile
CSS
34 votes126 views2 answers
Box position in center css
CSS
43 votes127 views4 answers
Text limit in css
CSS
3 votes207 views1 answer
How to use bulma in gatsby
CSS Bulma