5 replies

variable within :root variable not changing.

Hey, i recently tried to test out a new design system method i saw andy bell using on https://piccalil.li where a property has a base value stored in

:root

:root

with variables that can be changed from within the component using it (in this case

--border-color

--border-color

). However my variable is not changing as intended. Am i not able to use variables this way? Though it must be possible since he's using a similar syntax (see image). I just can't quite figure out how it's working for him. I'd appreciate any help. Thanks in advance.

https://codepen.io/deerCabin/pen/QWXXjKa