That makes the variable --color-when-small contain two values: initial and red which is invalid --> this is false because the value will not contain initial. initial is not stored inside the --color variable. It's applied to --color and is making the latter invalid which will also make any variable referencing --color also invalid. (you can find the details here: w3.org/TR/css-variables-1/#using-v... note the is anything but the initial value) ... You also don't need to set --color:initial since it's the default value
That makes the variable --color-when-small contain two values: initial and red which is invalid --> this is false because the value will not contain initial. initial is not stored inside the
--colorvariable. It's applied to--colorand is making the latter invalid which will also make any variable referencing--coloralso invalid. (you can find the details here: w3.org/TR/css-variables-1/#using-v... note the is anything but the initial value) ... You also don't need to set--color:initialsince it's the default valueThanks! I didn't know that. Will update the post.