The post discusses the ability to view computed CSS values in Firefox developer tools and the desire to have this feature in the Webstudio tool. Community members discuss various aspects of this, including:
- Holding the alt key to see the computed value
- Potential bugs, such as the value having no unit or not displaying properly when the variable has no value
- The behavior of showing the computed value as a second parameter
- Issues with the representation of the computed value, especially for the "space" section
- The need to communicate this hidden shortcut to users
A community member mentions that a fix for the variable fallback issue has been implemented in a pull request.
You can view the computed value (2nd image) in FF dev tools. It would also be cool to see this in Webstudio (1st image).
I set up a project a few days ago and returned to it today. I didn't remember the property setting, so I needed to go to my global root and search for the value.
It would be even cooler if it could handle things like: calc(var(--property-1) + var(--property-2));
