Manuel MatuzovićIs there a good reason why we're defining global custom properties on :root/html and not on body?
Matthew Hallonbacka@matuzo I've assumed it's to do with inheritance. My usual approach is to define them on :root, then they can be safely overridden in body.
@mallonbacka Interesting! Can you give me an example where you define a prop on :root and override it on body?
@matuzo Color scheme override? Base color on root, overrides are attached to body[data-color-scheme="dark”] or whatever.
It's not essential to do this way, but it is certainly easier to keep track of mentally when the default is only defined on a parent element.
It's not essential to do this way, but it is certainly easier to keep track of mentally when the default is only defined on a parent element.