The Container gap column & row boxes are missing the selector options. Specifically Grid Template Columns, Grid Template Rows, and Grid Auto Rows are missing the variable selector options.
Here is another one too I found today: Overflow and Pointer events. Admittedly the pointer events and overflow are unlikely to be used with variables, but it’d still be good to have for consistency sake.
Essentially anything that’s a text input in my opinion should have the variable selector icon.
Hey Dustin,
I don’t see any reason to use a variable for these fields since you will probably never change the variable value globally in this case.
A variable like --visibility-hidden: hidden will always have the value hidden instead of visible, just like a variable --pointer-events-none: none will always have the value none instead of auto.
Even if you want to override the variable locally for the element, --visibility-hidden: visible would be quite confusing, wouldn’t it?
I tend to agree and that’s specifically why I stated that these would unlikely be used by a variable. But I guess in my opinion, I would generally see anything that is a text input field as something that should be open to variable usage which is why I wanted to include those as perhaps missed opportunities too.
But as long as the first few I mentioned in my original post are added then I think it’s all good.
