@xiee/utils/css/book.css

Miscellaneous tools and utilities to manipulate HTML pages

body {
  font-size: 1em;
  font-family: Palatino, Georgia, serif;
}
.footnotes, code, .side, .body .side, .chapter-toc {
  font-size: .85em;
}
.frontmatter, .chapter {
  min-height: calc(100vh - 1em);
}
.frontmatter {
  background-image: radial-gradient(#b6cee2 1px, #fff 1px);
  background-size: 2em 2em;
  background: #fff;
  padding-bottom: 0;
  & > div {
    margin: 0 -1em;
    background: #ebf6f9;
    padding: 1em;
  }
  & .title {
    padding: 20vh 1em 1em;
    margin-top: -1em;
  }
}
@media (min-width: 1264.02px) {
  body:not(.pagesjs) .chapter-toc {
    display: none;
  }
}
.chapter-toc {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 1em;
  margin-bottom: 2em;
}
.chapter:not(.appendix) .main-number {
  &::before {
    content: "Chapter ";
  }
  &::after {
    content: none;
  }
}
.chapter h1 {
  margin: 1em auto 3em;
  border-bottom: 1px solid;
  &:has(+ .epigraph) {
    margin-bottom: 2em;
  }
}
h1 .section-number {
  display: inline-block;
  border-bottom: 4px solid;
  margin-bottom: -4px;
}
.body h2 { border-bottom-style: dashed; }
/* TODO: style for h1.part and printing */

.pagesjs .pagesjs-page:first-child:has(.frontmatter) {
  padding: 0;
  .pagesjs-header, .pagesjs-footer {
    display: none;
  }
  .frontmatter {
    margin: 0;
    padding: var(--paper-margin-top) var(--paper-margin-right) var(--paper-margin-bottom) var(--paper-margin-left);
    height: 100%;
    .title {
      margin-top: calc(0px - var(--paper-margin-top));
    }
    & > div {
      margin: 0 calc(0px - var(--paper-margin-right)) 0 calc(0px - var(--paper-margin-left));
    }
  }
}