Vertically center anything with 3 lines of CSS (via Z63: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/)

_vertical-align.scss

/**
 * Vertically center anything via Z63: 
 * http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
 * //////////////////////////////////////////////////
 * Example:
 *
 * .element p {
 *   @include vertical-align;
 * }
 */
@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
 Alternate placeholder style:
 
 %vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.element p {
  @extend %vertical-align;
}
*/