<div></div>
:root {
--accent-color: skyblue;
}
@property --accent-color {
syntax: "<color>";
inherits: false;
initial-value: yellowgreen;
}
div {
padding: 3em;
--accent-color: revert;
background: var(--accent-color, orange);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.