Flex Aligners

Flexbox is a relatively new feature in CSS that allows for easy alignment of content. A number of helper classes are included in chameleon that allow for flexbox to quickly be used.

This is aligned vertically and horizontally

<div class="u-vertical-align u-horizontal-align">
  <p>This is aligned vertically and horizontally</p>
</div>