They can replace properties partially! This is really handy for properties that use multiple values, like border
or box-shadow
:
:root {
--shadow-color: rgba(0, 0, 0, 0.3);
}
.card {
box-shadow: 0 4px 8px var(--shadow-color);
}
Did you use partial replacements of CSS variables before?
Top comments (0)