131 lines
2.3 KiB
SCSS
131 lines
2.3 KiB
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;
|
|
}
|