I don’t know if I’m wrong or not, but it seems that the default css transition doesn’t work. I have a hover color for the text, but on hover, the color changes immediately. while default css Transition displays the default value (image below).
It should be noted that when I add the same transition css manually, it works. But the default css transition doesn’t work.
If that’s true then it should be changed / removed because the placeholder text like that is mean too show the real values between breakpoints and such when set elsewhere. But I also thought it was the actual value, is that not the case then? That’s interesting.
I don’t think it should be removed. It’s on other elements too and is an excellent reminder of the format needed, should you want to use it.
I find it invaluable as I can never remember and struggle when presented with a blank box.
Alternative would be to add a tooltip perhaps
It should be removed if it does nothing as it just confuses users clearly. The whole point of greyed out text like this is in Bricks is that it shows settings that are being applied either at a different breakpoint or because the class is locked. It also shows calculated values, e.g. if you are using ACSS to set padding, Bricks will show you the greyed out real value of the padding.
It could easily be added to the right of the label or underneath the field.
Well multiple different cases then, sounds even more confusing.
If a value is set, whether that is by default or ACSS or whatever, then it should show in full and not greyed out.
If it is due to a locked class then ok
If it is showing a different breakpoint setting then that is really confusing.