popsu_rouen_strapi/src/css/layout.scss

.pagedjs_page_content > div {
  height: 100%;
}

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


.no-folio {
  page: nofolio;
  page-break-before: avoid !important;
  page-break-inside: avoid !important;
  page-break-after: avoid !important;

}

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

}

.image-bleed {
  position: absolute;
  width: calc(100% + #{$fond-perdu} * 6);
  height: calc(100% + #{$fond-perdu} * 6);
  margin-left: -$fond-perdu - 24;
  margin-top: -$fond-perdu - 16;
}

.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: -$largeur 50%;
}

.grow {
  flex: 1;
}

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

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

.canbreak {
  page-break-before: always;
}
.breakBefore{
  page-break-before: always;
}
.breakBeforeRight{
  page-break-before: right;
}
.breakBeforeLeft{
  page-break-before: left;
}
.breakAfter{
  page-break-after: always;
}
.v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#image-3,#image-3-end{
  position: absolute;
  max-width: none;
  width: 276mm;
}

#image-3{
  margin-right: calc(-#{$marge} - #{$fond-perdu});
  right:0;
  object-position: calc(276mm / 2) 0;
}

#image-3-end{
  margin-left: calc(-#{$marge} - #{$fond-perdu});
  left:0;
  object-position: calc(-276mm / 2) 0;
}

.layout *:first-child{
  margin-top: 0;
}

.layout p:first-child:empty{
  margin: 0;
  margin-top: -1em;
}