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

change font-sans for blockquote + add counters.js

Browse source
This commit is contained in:
Julie Blanc 2026-01-20 23:02:35 +01:00
parent abbd549428
commit 32e02d956a
15 changed files with 161 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

77
css/style.css
View file

@ -3,6 +3,7 @@
--font: "Edgar", sans-serif;
--font-title: "Heliotrope 3 Caps", sans-serif;
--font-sans: "Heliotrope 4", sans-serif;
--font-sans-txt: "Akkurat Std";
--font-size: 12px;
--baseline: 16px;
--indent: 26px;
@ -202,8 +203,8 @@ ol[type="1"] {
}
ol[type="1"]::before {
content: attr(start);
font-family: var(--font-sans);
font-size: 0.6rem;
font-family: var(--font-sans-txt);
font-size: 9px;
color: #999;
display: block;
padding: 0px 2px;
@ -227,72 +228,33 @@ blockquote {
padding-left: var(--indent);
margin-top: calc(var(--baseline) * 1);
margin-bottom: calc(var(--baseline) * 1);
font-family: var(--font-sans-txt);
font-size: 10px;
line-height: calc(var(--baseline) * 0.9);
}
blockquote p {
font-style: italic;
}
blockquote p em {
font-style: normal;
}
blockquote u {
font-variant: small-caps;
text-decoration: none;
blockquote .inline-note::after {
font-family: var(--font);
line-height: 0;
font-size: var(--font-size) !important;
}
.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 {
margin-bottom: var(--baseline);
padding-left: var(--indent);
border-left: 4px solid #efefef;
}
#section__content {
counter-reset: h1;
#section__content h1::before, #section__content h2::before, #section__content h3::before {
content: attr(data-counter);
}
#section__content h1 {
counter-increment: h1 1;
counter-reset: h2;
#section__content h4::before, #section__content h5::before, #section__content h6::before {
content: attr(data-counter) ". ";
}
#section__content h1::before {
content: counter(h1, upper-alpha);
}
#section__content h2 {
counter-increment: h2 1;
counter-reset: h3;
}
#section__content h2::before {
content: counter(h2, upper-roman);
}
#section__content h3 {
counter-increment: h3 1;
counter-reset: h4;
}
#section__content h3::before {
content: counter(h3);
}
#section__content h4 {
counter-increment: h4 1;
counter-reset: h5;
}
#section__content h4::before {
content: counter(h4, lower-alpha) ". ";
}
#section__content h5 {
counter-increment: h5 1;
counter-reset: h6;
}
#section__content h5::before {
content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
}
#section__content h1, #section__content h2, #section__content h3 {
-moz-column-break-inside: avoid;
break-inside: avoid;
@ -404,7 +366,6 @@ blockquote + ol + p {
line-height: calc(var(--baseline) * 0.9);
padding-left: var(--indent);
position: relative;
font-weight: 100;
}
.inline-note::marker {
display: none;