The community members are discussing the Open Props design system. The original poster is unsure if Open Props is a non-extendable system or if it is flexible as new needs arise. The comments suggest that Open Props should have all the non-semantic CSS variables needed, and that semantic variables can be added on top. One community member suggests that a common size/spacing value of 12px/0.75rem is not included in the core Open Props, and wonders why. Another community member provides suggestions for customizing the initial size variables in Open Props. There is no explicitly marked answer in the comments.
i only learned about open props from exploring webstudio. is open props a non-extendable design system? like the props they have are the props we are to adhere to? or is it flexible as the pattern of needing more values arises?
Open Props should have every non-semantic CSS variable you need.
On top of Open Props, we added some semantic variables like --background-primary. That way you can create a section template, give it that variable, and it'll adapt to my design. It also helps other people to jump in an not wonder what CSS variable is used for bgs.
The semantic ones we added are not many but ones that are nearly needed on every site.
THere are more semantic ones you can and probably should add.
If you run into something that's not in open props thats not semantic, I'd be curious what it is
i get that approach and it makes sense. i do think 12px / 0.75rem is a pretty common size / spacing value in my experience and was hoping to use it as a core prop.
