decor-6-expe/maquette-tests/assets/css/base/_layout.scss

@mixin running(){
  font-family: var(--mono);
  font-size: 10px;
}




@media print{
  
  @page {
    size: 165mm 240mm;
    margin-top: 10mm;
    margin-bottom: 20mm;
    bleed: 6mm;
    marks: crop;
   
  }

  @page:left{
    margin-left: 25mm;
    margin-right: 25mm;
     @bottom-left-corner{
      content: counter(page);
      @include running();
       
       text-align: left;
        padding-left: 10mm;
    }
     @bottom-left {
      content: string(author);
      @include running();
    }
     @bottom-center {
    content: string(type);
    @include running();
  }
  }

  @page:right{
    margin-left: 25mm;
    margin-right: 25mm;
     @bottom-right-corner{
      content: counter(page);
      @include running();
        text-align: right;
        padding-right: 10mm;
    }
     @bottom-left {
      content: string(title);
      @include running();
    }
  }

  /*p{
    background: salmon;
  }*/

  .chapter{
    break-before: right;
  }
}


// .pagedjs_left_page .pagedjs_pagebox{

//   background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;

// }

// .pagedjs_right_page .pagedjs_pagebox{

//   background: linear-gradient(180deg, transparent 82%, #00009B 100%)!important;

// }