Join the Webstudio community

Updated 2 months ago

Copy Style Guide from Hosted to Self-Hosted App

At a glance

The community members are discussing how to copy the style guide from a hosted app to a self-hosted one. The initial suggestion is to use copy-paste, but the community members note that the global root variables don't seem to be copied. They suggest copying the global root variables, and selecting them in the CSS preview, copying, and inserting them in the advanced panel when adding styles. The community members also discuss the difference between the CSS preview and the advanced panel, noting that the CSS preview is for output while the advanced panel is for input, and that the CSS preview panel is likely going away as the advanced panel is being improved.

any easy way to copy the style guide from the hosted app to one in a self hosted one?
O
S
7 comments
using copy-paste
the global root variables don't seem to be copied. how to go about that?
select them in css preview, copy, insert in advanced panel when adding styles
ah got! glad i asked!

how is CSS preview different from the advanced panel? what is way to explain the difference? (is it just just output and input?)
can't edit in css preview, also this panel is likely going away as we mature the advanced panel and making it convenient to copy/paste from it
ok got it! thank you!
Add a reply
Sign up and join the conversation on Discord