Webstudio
Log in

Join the Webstudio community

Updated 8 months ago

Strange thing with Variables

At a glance

A community member is testing out CSS variables and encountered an issue where the text color is not changing as expected. The CSS Preview shows the variable is applied correctly, but the text remains black. The community members discuss that the issue may be caused by having a space in the variable name, and suggest that the application should prevent users from using spaces in variable names and show a validation error instead. The issue is then created on a GitHub repository to address this problem.

Useful resources
ppaso_sb
hey there, i am testing out the new css variables. I got a strange thing accuring.

I've set the --text primary: rgba(206, 207, 210, 1) on the body. Should be a light gray.
The CSS Preview is showing that the variable is applied for that text element in the screenshot. But the text color is black. What am i missing?

thanks ❤️
O
p
5 comments
OOleg Isonen
variable name can't have space
OOleg Isonen
@TrySound we need to prevent user from using space in there, show validation error
ppaso_sb
thanks, that was it 🙂
ppaso_sb
yeah would be super to prevent that.
OOleg Isonen
created the issue https://github.com/webstudio-is/webstudio/issues/4292
Add a reply
Sign up and join the conversation on Discord