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

1 vote280 views1 answer
Input type date all css style
CSS
0 vote299 views1 answer
Media queries css wit logical operators
CSS
7 votes297 views3 answers
Border-width in percentage
CSS
1 vote267 views1 answer
Url css
CSS
0 vote278 views2 answers
How set image at top in wordpress
CSS
0 vote294 views1 answer
Css last item should be flex end
CSS
5 votes281 views2 answers
Scss hover
CSS
0 vote286 views1 answer
How to do stuff in css
CSS
0 vote213 views1 answer
Flex-decoration column
CSS
0 vote267 views1 answer
Docker buildx push to private registry
CSS