@hilemangroup/bp-frontend/dist/css/main.css

Common shared frontend utilities for boilerplate projects

/*!
 * Common Assets 2.2.0
 */
.img-responsive-wrap,
.img-responsive-wrap > picture {
  display: block;
}
.img-responsive-wrap > img,
.img-responsive-wrap > picture > img {
  max-width: 100%;
  height: auto;
}

.sr-only {
  width: 1px;
  height: 1px;
  position: absolute;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
  white-space: normal;
  clip: auto;
}

.v-align {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
}
.v-align > .v-align-content {
  display: table-cell;
  vertical-align: middle;
}
.v-align.v-align-top > .v-align-content {
  vertical-align: top;
}
.v-align.v-align-middle > .v-align-content {
  vertical-align: middle;
}
.v-align.v-align-bottom > .v-align-content {
  vertical-align: bottom;
}

.video-responsive-wrap {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.video-responsive-wrap.video-ratio-5-4 {
  padding-bottom: 80%;
}
.video-responsive-wrap.video-ratio-4-3 {
  padding-bottom: 75%;
}
.video-responsive-wrap.video-ratio-3-2 {
  padding-bottom: 66.6666666667%;
}
.video-responsive-wrap.video-ratio-8-5 {
  padding-bottom: 62.5%;
}
.video-responsive-wrap.video-ratio-5-3 {
  padding-bottom: 60%;
}
.video-responsive-wrap.video-ratio-16-9 {
  padding-bottom: 56.25%;
}
.video-responsive-wrap.video-ratio-2-1 {
  padding-bottom: 50%;
}
.video-responsive-wrap iframe,
.video-responsive-wrap embed,
.video-responsive-wrap object {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}