/*
 |   Centering in the Unknown
 |   https://css-tricks.com/centering-in-the-unknown/
 */

=valign-parent
  white-space: nowrap
  text-align: center

  // balance div
  &::before
    content: ''
    display: inline-block
    height: 100%
    vertical-align: middle
    margin-right: -0.25em

=valign-child($center : null)
  display: -moz-inline-box
  display: inline-block
  vertical-align: middle
  white-space: normal

  @if($center == null)
    text-align: left

.valign-parent
  +valign-parent

.valign-child
  +valign-child

  &.centered
    +valign-child(true)