Vertical alignment mixins

gistfile1.css

// Vertically center objects of dynamic size
// Note: - correct mixins must be applied to both parent and child
//       - if it doesn't work, check for conflicting styles on those elements

// Apply to container element
.contain-vertically-centered-content, .contain-vc {
    &:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }
}

// Apply to element which should be centered vertically
.vertically-center, .vc {
    display: inline-block;
    vertical-align: middle;
}