Flexbox utilities and helper classes to create flex elements

[IvanSGurdian]

This is about Bulma.

It is a feature request

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [0.9.0]

I am sure this issue is not a duplicate?

Description

It would be nice if we had helpers to align and justify items, or to create generic flex containers.

I wanted to create a row at the bottom of a form, which contains a button to submit the form, but found that the method to justify this button to the right side of the main container, using .is-pulled-right uses float property, which, kinda seems odd, having properties like justify-content available. Using the float method caused the button to not be taken into account in the sections height, so it sat on top of the bottom padding of the section, and required additional styling to allow for space below it to avoid the button being at the bottom of the screen.

It would be great to have a simple class to create a flex container and the align or justify items inside with modifiers, something like:

<div class="is-flex is-justified-end">
      <button class="button">Save Changes</button>
</div>

This could be accomplished using .columns but seems a bit too much work having to offset columns to align them

[stale]

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.

[IvanSGurdian]

This PR has been solved by #3047