decor-6-expe/maquette-tests/assets/css/modules/_text.scss

.chapter{
    
    
    p{
    text-align: justify;
    hyphens: auto;
    hyphenate-limit-chars: 8 3;
    position: relative;
    // color: var(--blue);

    letter-spacing: 0.01rem;
 

    // &::before{
    //     content: '';
    //     display: inline-block;
    //     width: 8px;
    //     height: 8px;
    //     background-color: var(--blue);
    //     border-radius: 50%;
    //     margin-right: 1ch;
    // }
}

p + p{
    text-indent: var(--indent);
   
}




h3{
    margin-top: calc(var(--baseline)*1.5);
    margin-bottom: calc(var(--baseline)*0.5);
    text-align: center;
    font-weight: normal;
    // text-decoration: underline;
    font-family: var(--mono);
    text-transform: uppercase;
     color: var(--blue);
      max-width: 18ch;
    //   margin-inline: auto;
      letter-spacing: 0.05rem;
    color: black;
      text-decoration: underline 1px;
      text-underline-offset: 2px;
      

    //     &::before{
    //     content: '';
    //     display: block;
    //     width: 8px;
    //     height: 8px;
    //     border: 1px solid var(--blue);
    //     border-radius: 50%;
    //     margin-right: 1ch;
    //     position: relative;
    //     left: -2ch;
       
    // }
}

blockquote p{
    // font-family: var(--mono);
}

blockquote{
    font-family: var(--mono);
    // position: relative;
    // left: 14mm;
    // p{
    // font-size: 16px;
    // line-height: calc(var(--baseline)*1.25);
    // font-weight: 300;
    

    // }

    padding-left: var(--indent);
   
        margin-top: calc(var(--baseline)*1);
        margin-bottom: calc(var(--baseline)*1);
}


& > :first-child{
    // background-color: red;
    margin-top: 0px;
}

}



// .inline-note{
//     background-color: #e5e5f7;
//     opacity: 0.8;
//     background-image: linear-gradient(0deg, white 50%, var(--green-light) 50%);
//     background-size: 16px 16px;
  
      

//     .body_note{
//         display: inline;
//         padding-right: 1ch;
//         background-color: white;
//         -webkit-box-decoration-break: clone;
//         box-decoration-break: clone;

//         position: relative;
//         top: -4px;
//     }
// }




// p + p .inline-note::after{
//     left: -19mm!important;
// }

// p + p + p .inline-note::after{
//   left: -12mm!important;
// }



.pagedjs_area{
    position: relative;
}