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;
}

20
css/modules/_titles.scss
View file

@ -28,7 +28,7 @@
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);
@ -57,15 +57,16 @@
font-weight: 500;
text-transform: uppercase;
line-height: calc(var(--baseline)*1.2);
text-align: center;
// text-align: center;
position: relative;
margin-top: calc(var(--baseline)*1 + 6px);
padding-bottom: calc(var(--baseline)*1);
padding-left: 2ch;
// padding-left: 2ch;
padding-right: 2ch;
&::before{
display: block;
font-size: var(--fs-num);
display: block;
font-size: var(--fs-num);
padding-left: var(--indent);
}
}
@ -77,14 +78,17 @@
font-size: 1rem;
line-height: calc(var(--baseline)*1);
padding-left: var(--indent);
// 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);
&::before{
position: absolute;
left: 0;
display: block;
font-size: var(--fs-num);
padding-left: var(--indent);
// position: absolute;
// left: 0;
}
}