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

gradation

Browse source
This commit is contained in:
Julie Blanc 2026-01-19 23:37:32 +01:00
parent e055fc96ee
commit 8161aae996
4 changed files with 113 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

77
css/style.css
View file

@ -195,39 +195,17 @@ p, li {
word-spacing: -0.004em;
}
ol[type="1"] {
list-style-type: none;
position: relative;
-moz-column-break-after: avoid;
break-after: avoid;
position: absolute;
left: calc(var(--indent) * -3);
}
ol[type="1"]::before {
content: attr(start);
font-family: var(--font-sans);
font-size: 0.6rem;
color: #999;
display: block;
padding: 0px 2px;
border: 1px solid #efefef;
min-width: 1.5ch;
display: flex;
justify-content: center;
}
.pagedjs_left_page ol[type="1"] {
left: inherit;
right: calc(var(--indent) * -3);
}
p + p,
ol[type="1"] + p {
text-indent: calc(var(--indent) * 0.5);
}
blockquote {
padding-left: calc(var(--indent) * 2);
padding-left: calc(var(--indent) * 1);
font-size: 9px;
line-height: calc(var(--baseline) * 0.75);
margin-top: calc(var(--baseline) * 0.5);
margin-bottom: calc(var(--baseline) * 0.5);
}
blockquote + ol + p {
text-indent: 0px;
@ -244,6 +222,40 @@ blockquote + ol + p {
justify-content: center;
}
ol[type="1"] {
list-style-type: none;
position: relative;
-moz-column-break-after: avoid;
break-after: avoid;
position: absolute;
left: calc(var(--indent) * -1.5 - 0.5ch);
}
ol[type="1"]::before {
content: attr(start);
font-family: var(--font-title);
font-weight: 500;
font-size: 0.6rem;
color: #999;
display: block;
padding: 0px 2px;
min-width: 20px;
justify-content: center;
}
.pagedjs_page_content::before {
--color: #efefef;
--size: 20px;
content: "";
display: block;
height: 100%;
width: var(--size);
position: absolute;
left: calc(var(--indent) * -1 - var(--size));
background: linear-gradient(transparent 0%, transparent calc(var(--baseline) - 1px), var(--color) calc(var(--baseline) - 1px), var(--color) var(--baseline)), transparent;
background-size: 100% var(--baseline);
background-repeat: repeat-y;
}
#section__content {
counter-reset: h1;
}
@ -306,7 +318,7 @@ blockquote + ol + p {
}
#section__content h1 {
font-family: var(--font-title);
font-size: 1.6rem;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
line-height: calc(var(--baseline) * 1.4);
@ -330,31 +342,30 @@ blockquote + ol + p {
font-weight: 500;
text-transform: uppercase;
line-height: calc(var(--baseline) * 1.2);
text-align: center;
position: relative;
margin-top: calc(var(--baseline) * 1 + 6px);
padding-bottom: calc(var(--baseline) * 1);
padding-left: 2ch;
padding-right: 2ch;
}
#section__content h2::before {
display: block;
font-size: var(--fs-num);
padding-left: var(--indent);
}
#section__content h3 {
font-family: var(--font-title);
font-weight: 500;
font-size: 1rem;
line-height: calc(var(--baseline) * 1);
padding-left: var(--indent);
padding-right: calc(var(--indent) * 2);
position: relative;
margin-top: calc(var(--baseline) * 1 + 4px);
padding-bottom: calc(var(--baseline) * 0.75);
}
#section__content h3::before {
position: absolute;
left: 0;
display: block;
font-size: var(--fs-num);
padding-left: var(--indent);
}
#section__content h4 {
font-family: var(--font-title);