VCenter (uses Bootstrap)
// Vertical align content of container to middle using Flexbox
.vcenter {
display: flex;
align-items: center;
//justify-content: center;
}
@media (min-width: $screen-xs-min) {
.vcenter-xs {
display: flex;
align-items: center;
}
}
@media (min-width: $screen-sm-min) {
.vcenter-sm {
display: flex;
align-items: center;
}
}
@media (min-width: $screen-md-min) {
.vcenter-md {
display: flex;
align-items: center;
}
}
@media (min-width: $screen-lg-min) {
.vcenter-lg {
display: flex;
align-items: center;
}
}