Vertically align an element within container, using the before method.

vertical-align-center.scss

// Sourced from: http://css-tricks.com/centering-in-the-unknown/
@mixin element-align-center($child-element, $width-of-child) {
    & {
        vertical-align: middle;
        display:inline-block;
    }
    &:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    & #{$child-element} {
        width: $width-of-child;
        vertical-align: middle;
        display:inline-block;
        padding-top: 0;
        margin-left: -0.25em;
    }
}