This SASS mixin will vertically center a child element inside its parent.

Vertical Center SASS Mixin

@mixin vertical-center($childSelector) {
  & {
    display: table;
    width: 100%;

    #{$childSelector} {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
    }
  }
}