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 vote137 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
1 vote134 views1 answer
How to contain an image within a div
CSS
0 vote129 views1 answer
Postcss plugin
CSS
0 vote156 views1 answer
Restore mariadb from bz2 file cli
CSS
0 vote143 views1 answer
Responsive css webpage code
CSS
0 vote133 views2 answers
Background Video.module.css'
CSS
0 vote136 views2 answers
Css firefox remove scrollbar
CSS
0 vote248 views1 answer
How to target input type with css
CSS
-1 vote153 views1 answer
Sidebar-Content layout
CSS
0 vote140 views1 answer
Colored button link scss generator
CSS