[Form] transparent input errors

[y0hami]

Redesign how the transparent inputs display errors as discussed here #91

[lubber-de]

Before submitting a PR, i have 3 proposals:

a) Main visual problem is, a transparent input/textarea does not have any padding. But putting an error background to this, looks also strange then.

b) Leaving the padding looks good in error case, but strange in normal case

c) A combination of both. Stays without padding if fine. animates to padding in error case

Which option do you prefer?

[y0hami]

I also ran into this when I did this, I like the animation you did but I'm not 100% maybe the other guys will have an opinion @fomantic/admins

I personally don't think adding padding to transparent inputs makes them look that bad but again I will wait for the others opinion.

[prudho]

Well, a is the worst IMHO, since the padding seems really weird on error. But I can't choose between b and c. Maybe the better is to stay close that non transparent input behaviors, so do not animate them.

[lubber-de]

So @ColinFrick , whats your opinion?

[lubber-de]

@prudho btw, keep in mind, in case of b) the current behaviour of SUI transparent input could be considered a breaking change, because there is actually no padding

[ColinFrick]

IMHO option B fits nicely
I would add new input variables for transparent inputs:

@transparentPadding: @padding;
@transparentErrorBackground: @errorBackground;
@transparentErrorColor: @errorColor;

So if someone wants to revert to the previous transparent input he can just use these variables.

[y0hami]

Added in 2.6.3