CSS Variables now in the UI... unlike any other platform
CSS variables are here!! Most website builders got them wrong... see them in Webstudio 🙂
Highlights:
Define a global design library
Use variables in all your styles, including gradients and transforms – not just colors and sizes!
Designing and building just got 10x faster
Create micro-interactions by defining local variables on a parent, modifying them on hover, and inheriting those variables on children • Video
You can use calc and clamp
Different breakpoints can have different variables or values.
It’s a UI built on top of CSS vars… no abstractions, so you can use existing CSS variable libraries like Open Props (the recommended starting point in Webstudio).
Enjoy!!
Contribute to Craft 👉 https://wstd.us/discuss-craft
Craft docs 👉 https://docs.webstudio.is/university/...
CSS Variables 101 👉 • CSS Variables 101
How to create micro-interactions 👉 • How to create micro-interactions with...
Build unlimited sites with Webstudio for FREE 👉 https://wstd.us/future-web
Watch video CSS Variables now in the UI... unlike any other platform online without registration, duration hours minute second in high quality. This video was added by user Webstudio 15 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,171 once and liked it 105 people.