unrepair-website/src/assets/styles/paged.css

body {
  font-size: var(--font-size-base);
}

.meta [data-generated-date] {
  position: running(generatedDate);
}

.meta [data-publication-title] {
  position: running(publicationTitle);
}

.meta [data-chapter-title] {
  position: running(chapterTitle);
}


@page {
  size: A5;
  margin: 13mm 8mm;

}

@page :left {
  @bottom-left {
    content: "page " counter(page);
  }

  @top-left {
    content: element(publicationTitle);
    font-size: var(--font-size-base);
    font-style: italic;
  }

  @top-right {
    content: element(generatedDate);
    font-size: var(--font-size-base);
    font-style: italic;
  }
}

@page: blank {
  @top-left {
    content: "blank " counter(page);
  }
}

@page :right {
  @top-right {
    content: element(chapterTitle);
    font-size: var(--font-size-base);
    font-style: italic;
  }
  @bottom-right {
    content: "right page" counter(page);
  }
}



@page cover {
  background: var(--accent);
  margin-top: auto;
  position: relative;

  header {
    position: absolute;
    margin: 0 0;
    top: 50%;
    transform: translate3d(0, -50%, 0px);
    width: 100%;
  }

  @top-right {
    content: "coverttt";
  }
}

@page front {
  background: lightgrey;
  position: relative;

  @top-right {
    content: none;
  }

  @bottom-right {
    content: none;
  }
  

  header {
    position: absolute;
    margin: 0 0;
    top: 50%;
    transform: translate3d(0, -50%, 0px);
    width: 100%;
  }
}

.header--meta {
  display: none;
}
.meta:has([data-chapter-title]) {
  break-before: page;
}
.page--cover {
  page: cover;
}

[template-type="front"] {
  page: front;
  counter-reset: page;
}


.header-section-number {
  display: none;
}