popsu_html2print/src/css/layout.scss

.pagedjs_page_content > div {
  height: 100%;
}

.layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.no-folio {
  page: nofolio;
}

.blank-page {
  page-break-after: always;
}

.image-bleed-left {
  position: absolute;
  width: calc(100% + 3mm);
  height: calc(100% + 6mm);
  margin-left: -3mm;
  margin-top: -3mm;
}

.image-bleed-right {
  position: absolute;
  width: calc(100% + 3mm);
  height: calc(100% + 6mm);
  margin-top: -3mm;
}

.image-cover {
  page: imagecover;
  background-size: cover;
  background-position: center;
  background-color: lightgray;
  background-repeat: no-repeat;
}

.cover-left {
  background-position: 0 50%;
}

.cover-right {
  background-position: -148mm 50%;
}

.grow {
  flex: 1;
}

.column {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.justify-end {
  justify-content: flex-end;
}

.canbreak {
  page-break-before: always;
}

.v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}