Join the Webstudio community

Updated 2 months ago

Importing Root CSS Variables

At a glance

The community member who posted the original post is a long-time lurker who is enjoying the new CSS Variables feature, as it boosts their workflow efficiency. They typically use the same variables (like --color-dark, --color-light, and --color-brand) across all their projects and reuse base layouts, so they would find it helpful to have an option to import CSS variables directly from existing CSS code. This would make starting off new projects much faster by eliminating the need to re-enter the variables each time.

The comments suggest that the community members are excited about this feature, with one member mentioning that you can copy the CSS variables and paste them in the advanced panel. Another member is "mind blown" and says you can do it for all the styles too. One member is waiting for a similar feature for HTML, and another member asks if this is on the roadmap, with another member responding that they haven't seen it on the roadmap but know that @TrySound mentioned it "somewhere between the lines".

Useful resources
Hey there, long time lurker – first time poster. I’m really enjoying the new CSS Variables feature—it's a huge boost in workflow efficiency. I typically use the same variables (like --color-dark, --color-light, and --color-brand) across all my projects and tend to reuse base layouts, so it would be incredibly helpful to have an option to import CSS variables directly from existing CSS code. Since I already have these saved and plan to reuse layouts I’ve created, this feature would make starting off new projects much faster by eliminating the need to re-enter them each time.
M
c
B
7 comments
Hey! Just copy the css variables and paste it in the advanced panel 🙂
Mind blown - you can do it for all the styles too!
Yeah this is really powerful and really useful. I'm waiting for the same feature for HTML and it's gonna be terrific!
Is this on the Roadmap?
I cannot see it on the roadmap but I know @TrySound mentionned it
Somewhere between the lines 🙂
Add a reply
Sign up and join the conversation on Discord