decor-6-expe/maquette-tests/assets/css/chapter-header.css

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


  @page chapter:first {
    /* background-color: var(--blue); */
    /* color: white!important; */
      @top-left-corner {
         content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
        /* color: white; */
    }
      @top-left {
      content: none;
    }
       @top-center {
      content: none;
    }
    @top-right {
      content: none;
    }

  }


.chapter-header {
  position: relative;

  /* break-after: page; */


  
}

.chapter-header .hgroup{
    /* font-family: 'Routed Gothic Wide'; */
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  /* text-align: center; */
  margin-top: calc(var(--baseline)*2);
  margin-bottom: calc(var(--baseline)*4);
  margin-right: calc(var(--unit)*2);

}

.chapter-header .type{
  color: var(--blue);
       font-family: 'Teletext';
      font-weight: 200;
    /* font-size: 22px; */
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  /* text-decoration: underline;
  text-underline-offset: 2px; */

}

.chapter-header .type::before{
  display: none;
}

.chapter-header .hgroup h2{
    font-weight: normal;
      font-size: 1em;
      display: inline;
      line-height: 1.3;
      box-sizing: border-box;

      font-family: 'Teletext';
      font-weight: 200;
      text-align: center;
  

    /* text-transform: uppercase; */
}

.chapter-header .hgroup h2 span{
  color: white;
  padding-left: 0.25ch;
  padding-right: 0.25ch;
  box-decoration-break: clone;
  background-color: var(--blue);
  padding: 2px 0.25ch;
   /* background: linear-gradient(var(--blue), var(--blue)) center / 100% 70% no-repeat; */
   text-transform: uppercase;
}


.chapter-header .author{
      font-family: 'Teletext';
      font-weight: 200;
      color: var(--blue);
        margin-top: calc(var(--baseline)*1);
         text-transform: uppercase;
}

.chapter-header .hgroup h2::after{
  /* content: "| | | | |  "; 
  font-size: var(--sign-size);
     color: var(--blue);
     letter-spacing: var(--sign-spacing);
     line-height: var(--sign-baseline);
     display: block;
     width: 1ch;
     text-align: center;
     margin-left: calc(var(--unit)*0.5); */

}

.chapter-header .author::before{
  display: none;
}


.chapter-header .bio{
  display: none;
}


/* .chapter-header p {
  text-indent: 0px !important;
}

.chapter-header .type,
.chapter-header .h2-pattern {
  display: none;
}





.chapter-header .hgroup{

     margin-left: 15%;

}

.chapter-header h2 {
  font-family: 'Routed Gothic Wide';
  line-height: 1.1;
  font-size: 36px;
  font-weight: normal;
 

  
}


.chapter-header .author {
    font-family: 'Routed Gothic Wide';
     font-size: 36px;
    margin-top: calc(var(--baseline)*6);
       margin-bottom: calc(var(--baseline)*2);


 
}

.chapter-header  .bio{
  display: none;
}

.chapter-header{
   margin-bottom: calc(var(--baseline)*1);
} */