Bulma: add class "is-secondary"

[paolobattistella]

It is a feature request about Bulma CSS framework.

Could you evaluate to add the class "is-secondary"?
It should be helpful in this case:

<form>
[...]
<div class="field is-grouped">
  <div class="control">
    <button class="button is-primary">Submit</button>
  </div>
  <div class="control">
    <button class="button is-secondary">Cancel</button>
  </div>
</div>
</form>

Best regards,
Paolo

[jgthms]

What color would that be?

[emkajeej]

I would think an arbitrary one, much like Primary is.
Most brands have a supportive brand colour that isn't directly tied to something functional (like danger, info, success, etc) but still stands out to the user.

From a UX perspective it also adds a granularity to the available call-to-actions on a page.

That said, it's easily done using the customisation methods described and merging the custom colours with the default colours.

[paolobattistella]

What color would that be?

the default color could be $grey-lighter

[weyert]

You can already easily add this secondary colour by customising the colours. In my charity project I am using the following:

$secondary: #8BC91D;
$secondary-invert: findColorInvert($secondary) !default;

$custom-colors: (
    "secondary":($secondary, $secondary-invert),
);

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[laurensV]

The $custom-colors is really helpful 👍 Should be included in the documentation!