188 lines
No EOL
3.2 KiB
SCSS
188 lines
No EOL
3.2 KiB
SCSS
.chapter{
|
|
|
|
|
|
p{
|
|
text-align: justify;
|
|
hyphens: auto;
|
|
position: relative;
|
|
color: var(--blue);
|
|
|
|
|
|
// &::before{
|
|
// content: '';
|
|
// display: inline-block;
|
|
// width: 8px;
|
|
// height: 8px;
|
|
// background-color: var(--blue);
|
|
// border-radius: 50%;
|
|
// margin-right: 1ch;
|
|
// }
|
|
}
|
|
|
|
p + p{
|
|
left: 14mm;
|
|
// &::before{
|
|
// left: -19mm;
|
|
// }
|
|
}
|
|
|
|
p + p + p{
|
|
left: 7mm;
|
|
// &::before{
|
|
// left: -13mm;
|
|
// }
|
|
}
|
|
|
|
.inline-note{
|
|
color: var(--green);
|
|
// break-inside: avoid;
|
|
|
|
float: left;
|
|
clear: both;
|
|
width: 50mm;
|
|
text-align: left;
|
|
hyphens: none;
|
|
// font-size: 9px;
|
|
// line-height: calc(var(--bseline)*0.75);
|
|
|
|
// padding-top: calc(var(--baseline)*0.5);
|
|
// padding-bottom: calc(var(--baseline)*0.5);
|
|
margin-right: 1ch;
|
|
margin-right: -20mm;
|
|
position: relative;
|
|
left: -25mm;
|
|
text-align: right;
|
|
|
|
font-family: var(--note);
|
|
line-height: 1.2;
|
|
|
|
|
|
|
|
}
|
|
.pagedjs_floatnote_marker,
|
|
.pagedjs_floatnote_call{
|
|
color: var(--green);
|
|
font-weight: bold;
|
|
padding-left: 0.25ch;
|
|
line-height: 0;
|
|
font-size: 9px;
|
|
font-family: var(--font);
|
|
}
|
|
|
|
|
|
.pagedjs_floatnote_marker{
|
|
// float: left;
|
|
// position: absolute;
|
|
// left: 0px;
|
|
// display: block;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
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;
|
|
|
|
// &::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;
|
|
|
|
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
|
|
.item-decor{
|
|
font-family: var(--font);
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
color: var(--green);
|
|
}
|
|
|
|
.pagedjs_left_page .item-decor{
|
|
left: -30mm;
|
|
}
|
|
|
|
.pagedjs_right_page .item-decor{
|
|
right: -20mm;
|
|
} |