Julie/walter-boente_book-collection
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add these style

Browse source
This commit is contained in:
Julie Blanc 2026-01-20 19:05:58 +01:00
parent 7239fa838b
commit fb365c2f05
7 changed files with 113 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

60
css/style.css
View file

@ -34,6 +34,8 @@ body {
size: 134mm 205mm;
margin-top: 36px;
margin-bottom: 20mm;
bleed: 6mm;
marks: crop;
}
@page :left {
margin-left: 22mm;
@ -54,10 +56,19 @@ body {
font-weight: 500;
font-size: var(--fs-num);
}
@bottom-left {
@right-top {
content: "Höchstpersönlichkeit";
font-family: var(--font-title);
font-weight: normal;
transform-origin: top left;
height: calc(var(--baseline) * 2);
word-spacing: nowrap;
width: 52ch;
transform: rotate(90deg);
text-align: left;
position: relative;
left: 18mm;
padding-left: 5px;
}
}
@page :first {
@ -208,19 +219,14 @@ blockquote {
margin-bottom: calc(var(--baseline) * 0.5);
}
.these + ol + p,
blockquote + ol + p {
text-indent: 0px;
}
.these::before {
content: "---";
}
.these::after {
content: "---";
}
.these::before, .these::after {
display: flex;
justify-content: center;
.these {
font-family: var(--font-title);
margin-bottom: calc(var(--baseline) * 1);
}
ol[type="1"] {
@ -320,8 +326,14 @@ ol[type="1"]{
#section__content h5::before {
content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
}
#section__content h6 {
counter-increment: h6 1;
}
#section__content h6::before {
content: "(" counter(h6) "). ";
}
#section__content h1, #section__content h2, #section__content h3 {
#section__content h1, #section__content h2, #section__content h3, #section__content h4 {
-moz-column-break-inside: avoid;
break-inside: avoid;
-moz-column-break-after: avoid;
@ -329,11 +341,24 @@ ol[type="1"]{
/* hack for avoiding break-after */
margin-bottom: calc(var(--baseline) * -3);
}
#section__content h1::after, #section__content h2::after, #section__content h3::after {
#section__content h1::after, #section__content h2::after, #section__content h3::after, #section__content h4::after {
content: "";
display: block;
height: calc(var(--baseline) * 3);
}
#section__content h5, #section__content h6 {
-moz-column-break-inside: avoid;
break-inside: avoid;
-moz-column-break-after: avoid;
break-after: avoid;
/* hack for avoiding break-after */
margin-bottom: calc(var(--baseline) * -2);
}
#section__content h5::after, #section__content h6::after {
content: "";
display: block;
height: calc(var(--baseline) * 2);
}
#section__content h1 + ol + p,
#section__content h2 + ol + p,
#section__content h3 + ol + p,
@ -403,6 +428,9 @@ ol[type="1"]{
position: relative;
margin-top: calc(var(--baseline) * 1 + 4px);
padding-bottom: calc(var(--baseline) * 0.75);
-webkit-text-decoration: underline 1px #cfcfcf;
text-decoration: underline 1px #cfcfcf;
text-underline-offset: 3px;
}
#section__content h5 {
font-family: var(--font-title);
@ -414,6 +442,14 @@ ol[type="1"]{
margin-top: calc(var(--baseline) * 1 + 4px);
padding-bottom: calc(var(--baseline) * 0.25);
}
#section__content h6 {
font-family: var(--font-title);
font-weight: 500;
font-size: 0.8rem;
margin-top: calc(var(--baseline) * 0.5);
padding-bottom: calc(var(--baseline) * 0.25);
color: #666;
}
[data-id=section__content][data-split-from] > :first-child {
margin-top: 0;