.chapter{ p{ text-align: justify; hyphens: auto; hyphenate-limit-chars: 8 3; position: relative; color: var(--blue); font-weight: 200; 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; // &::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{ // 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)*2); margin-bottom: calc(var(--baseline)*2); } & > :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; }