[Vertical Centering] #css #layout

vertical.scss

  position: relative;
  margin-top: 50%;
  transform: translateY(-50%);


  /* Mixin --> not tested */
@mixin vertical-align($position: relative) {
    position: $position;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.element p {
	@include vertical-align();
}