decor-6-site/assets/css/figures.css

/* GESTION DES FIGURES */

figure{
	margin-bottom: 1em;
}

figcaption{
  margin-top: calc(var(--baseline)*0.25);
}

figcaption::before{
  content: "/";
   font-family: var(--sign-family);
   display: block;
   text-align: center;
}

figcaption p{
	margin: 0;
  text-indent: 0!important;
    text-align: center!important;
        font-size: var(--fs-notes);
    line-height: 14px;
    font-weight: 500;
}

figcaption p::before{
  display: none;
}

figure[data-ratio] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ratio);
}

figure[data-crop="true"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

figure[data-crop="false"] img {
  width: 100%;
  height: auto;
  object-fit: contain;
}


/* --- INTERPAGE ---- */
.interpage figure {
  /*background-color: var(--copper);*/
  background-color: var(--silver);
}

.interpage figure img {
  filter: grayscale(100%);
  mix-blend-mode: screen;
}



/* SPECIFIC */

#fig-outdoor-computer-club-1{
  margin: 0;
  width: calc(var(--unit) * 5);
  break-before: page;
  break-after: page;
  position: absolute;
  bottom: 2px;
}


#fig-outdoor-computer-club-2,
#fig-outdoor-computer-club-3{
   margin: 0;
  width: calc(var(--unit) * 6.5);
  height: var(--pagedjs-height);
 
  position: absolute;
}



#fig-outdoor-computer-club-2{
  top: -11px;
   break-after: page;
}

#fig-outdoor-computer-club-3{
  break-before: page;
  break-after: page;
  top: 6px;
}