decor-6-expe/maquette-tests/assets/css/03_layout.css

@media print {

  @page {
    size: 165mm 240mm;
    margin-top: 25mm;
    margin-bottom: 14mm;
    bleed: 6mm;
    marks: crop;



  }

  @page:left {
    margin-left: 18mm;
    margin-right: 26mm;

    @top-left {
      content: element(decor);
      width: 0px;
      vertical-align: top;
      padding-top: 8mm;
    }


    @top-right {
      content: element(author);
      vertical-align: top;
      padding-top: 8mm;
      width: 100%;
      padding-top: 8mm;
      text-align: right;
    }



    @top-left-corner {
      content: counter(page);
      vertical-align: top;
      padding-top: 8mm;
      text-align: left;
      margin-left: 11mm;

    }


  }

  @page:right {
       margin-left: 26mm;
    margin-right: 18mm;

    @top-left {
      content: element(type);
      width: 0px;
      vertical-align: top;
      padding-top: 8mm;
    }

    @top-right {
      content: element(title);
      vertical-align: top;
      padding-top: calc(8mm + 20px);
      /* padding-right: 11mm; */
      text-align: left;
      position: relative;
      left: -11mm;
      width: 100%;
    }

    @top-right-corner {
      content: counter(page);
      width: 40px;
      position: relative;
      left: -40px;
      text-align: right;
      vertical-align: top;
      padding-top: 8mm;
    }

  }



  .chapter {
    break-before: right;
    page: chapter;
  }


  @page chapter:first {
    @top-right {
      content: none;
    }

  }

  @page:blank {
    @top-left {
      content: none;
    }
    @top-left-corner {
      content: none;
    }
      @top-right {
      content: none;
    }
        @top-center {
      content: none;
    }

    @bottom-center {
      content: none;
    }


  }
}



.nav-title {
  position: running(title);
}

.nav-author {
  position: running(author);
}

.nav-type {
  position: running(type);
}

.nav-decor {
  position: running(decor);
}