Modifiers for form elements

[wlepinski]

Would be nice to have .is-primary, .is-info, .is-success, .is-warning and .is-danger as .control modifiers.

[jgthms]

So .control is only the container for <input>, <select> <button>... It has no actual styling (apart from some margin).

Do you mean have colours for .input, .select, .textarea, .checkbox and .radio?

[wlepinski]

@jgthms Exactly. I'm creating a PR with this modification :)

[omgaz]

I assume this would be for field validation e.g. a red border should the field be invalid?

[wlepinski]

@omgaz yes. That's the idea.

[marcoskubis]

Would be nice something like this codepen.

[jgthms]

@marcoskubis Haha that's very nice! I'll add it. Just a couple of lines.

[marcoskubis]

Great! And congratulations for your Bulma project. I'll use in my projects.

[jgthms]

This has been added.

[ashnur]

The styling for the .help message from the codepen was not added. I assume that was left out intentionally? I am just wondering if there is already something like that to inherit parent's styling?

[jgthms]

Ah yes I forgot that. I'll add it in a few days.

[ashnur]

This is a nice thing to have so I don't have to put .is-danger everywhere : ).
However I am not sure about .help as class for this feature. I would think that this is for a feedback, a status message. Help is something I can show before any interaction, while these modifiers are mostly about interactions.

[kimroen]

I would think that this is for a feedback, a status message.

I would agree. .help is a permanent thing, but this is a temporary message that will go away once the temporary state of the error goes away.