Sass mixin to vertically center the children of a container

vertical-center-child.scss

// Inspired by http://css-tricks.com/vertically-center-multi-lined-text/
@mixin vertical-center-children($height: auto, $children: ':first-child') {
  display: table;
  height: $height;

  #{$children} {
    display: table-cell;
    vertical-align: middle;
  }
}

/* Example usage:

HTML:
<div class="container">
  <div class="child">This div gets vertically centered :)</div>
</div>

SCSS:
.container {
  @include vertical-center-children(200px);
}

*/