Manuel MatuzovićApr 19, 2023
Is there a good reason why we're defining global custom properties on :root/html and not on body?
Show threadStu Robson

@matuzo from memory when I saw this pop up a while back, essentially –

someone wrote it like that in the spec and here we are.

Apr 19, 2023 at 1:34pmWeb
Show threadManuel MatuzovićApr 19, 2023
@sturobson I know that root {} is different depending on the context. In a document its <html>, inside an svg it's <svg>. It makes sense to just use :root everywhere for consistency. I was just wondering if there's a good reason against using body instead.
Show threadStu RobsonApr 19, 2023
@matuzo I don't think there is?
Show threadManuel MatuzovićApr 19, 2023
@sturobson kkthxbye, :root
Show threadStu RobsonApr 19, 2023
@matuzo all roads lead to :root
Show threadTane Piper ⁂Apr 19, 2023

@sturobson @matuzo But is it top root? I thought it was encapsulated?

So if I create a component with :root it doesn't leak to parent :root? Or did I miss something?

Show threadIan TindaleApr 19, 2023
@matuzo @sturobson maybe it’s sort of ‘window’ as in the thing that contains the html or svg or plain-text or other