WillSquire
1/26/2016 - 10:19 AM

VCenter (uses Bootstrap)

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;
  }
}