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

93
css/modules/_text.scss
View file

@ -26,40 +26,8 @@ p, li{
word-spacing: -0.004em;
}
ol[type="1"]{
list-style-type: none;
position: relative;
break-after: avoid;
position: absolute;
left: calc(var(--indent)*-3);
&::before{
content: attr(start);
font-family: var(--font-sans);
// font-weight: 200;
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{
@ -69,10 +37,12 @@ ol[type="1"] + p{
blockquote{
padding-left: calc(var(--indent)*2);
// color: red;
// margin-top: calc(var(--baseline)*1);
// margin-bottom: calc(var(--baseline)*1);
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);
p{
// font-family: "Edgar";
@ -106,4 +76,53 @@ blockquote + ol + p{ text-indent: 0px; }
justify-content: center;
}
}
ol[type="1"]{
list-style-type: none;
position: relative;
break-after: avoid;
position: absolute;
left: calc(var(--indent)*-1.5 - 0.5ch);
&::before{
content: attr(start);
font-family: var(--font-title);
font-weight: 500;
font-size: 0.6rem;
color: #999;
display: block;
padding: 0px 2px;
// border: 1px solid #efefef;
min-width: 20px;
justify-content: center;
}
}
.pagedjs_page_content::before{
--color: #efefef;
--size: 20px;
content: "";
display: block;
height: 100%;
width: var(--size);
// border: 1px solid var(--color);
// border-right: 1px solid var(--color);
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;
}