Global root for defining global css variables

Question

Chat need feedback on wording for the tooltip, what would you understand if you read this in a tooltip on a Global Root instance in the navigator?Global Root is a great place to define all global CSS variables for your Design System because: 1. Global Root wraps everything on the page and is exactly the same for every page.
2. CSS variables are inheritable, so they are available throughout the entire tree.

Milan Boisgard | Uncode School · Answer

"Global Root" instead of the previous "Root"?I will only responsible for CSS for all the website?

Milan Boisgard | Uncode School · Answer

If it just for CSS, I suspect some people will try to inject scripts there.When we click on "Global Root", there will be a textarea on a popup or a textarea on the right side?

Bogdan · Answer

When you click on Global Root you see style panel to style html tag aka ":root" for all pages

Bogdan · Answer

Global data variables will go there too but later this year

Bogdan · Answer

So no "settings" tab yet

Oleg Isonen · Answer

Won't be possible. When you click on it you see only the functionality that's available - style panel.

Oleg Isonen · Answer

The question is really what would everyone understand from the tooltip

Milan Boisgard | Uncode School · Answer

All right ! So Global Root is for : css variablesdata variables (later)?If so, the naming is fine for me and comprehensive!

Oleg Isonen · Answer

Global data variables would be there as well later on ... for now only css variables

Join the Webstudio community

Global root for defining global css variables