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

layout-3 w/ Akkurat

Browse source
This commit is contained in:
Julie Blanc 2026-01-20 22:37:15 +01:00
parent a4c3390b99
commit 8255f08762
10 changed files with 197 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

58
css/modules/_titles.scss
View file

@ -1,13 +1,14 @@
#section__content{
margin-left: 28mm;
h1, h2, h3 {
h1, h2, h3 {
&::before{
content: attr(data-counter);
}
}
h4, h5, h6{
h4, h5, h6{
&::before{
content: attr(data-counter) ". ";
}
@ -69,10 +70,13 @@
margin-top: calc(var(--baseline)*1 + 6px);
padding-bottom: calc(var(--baseline)*1);
padding-right: 2ch;
padding-left: calc(var(--indent)*2);
&::before{
display: block;
font-size: var(--fs-num);
padding-left: var(--indent);
position: absolute;
left: 0;
// display: block;
// font-size: var(--fs-num);
// padding-left: var(--indent);
}
}
@ -89,12 +93,11 @@
position: relative;
margin-top: calc(var(--baseline)*1 + 4px);
padding-bottom: calc(var(--baseline)*0.75);
padding-left: calc(var(--indent)*2);
&::before{
display: block;
font-size: var(--fs-num);
padding-left: var(--indent);
// position: absolute;
// left: 0;
position: absolute;
left: 0;
}
}
@ -103,13 +106,19 @@
font-weight: 500;
font-size: 0.9rem;
line-height: calc(var(--baseline)*1);
padding-left: calc(var(--indent)*1);
padding-right: calc(var(--indent)*2);
position: relative;
margin-top: calc(var(--baseline)*1 + 4px);
padding-bottom: calc(var(--baseline)*0.75);
text-decoration: underline 1px #cfcfcf;
text-underline-offset: 3px;
padding-left: calc(var(--indent)*2);
&::before{
// position: absolute;
// left: 0;
}
}
@ -118,7 +127,7 @@
font-weight: 500;
font-size: 0.8rem;
line-height: calc(var(--baseline)*1);
padding-left: calc(var(--indent)*1);
padding-left: calc(var(--indent)*2);
// padding-right: calc(var(--indent)*2);
position: relative;
margin-top: calc(var(--baseline)*1 + 4px);
@ -145,19 +154,32 @@
h1{
font-family: var(--font-title);
font-size: 1.4rem;
font-size: 1.6rem;
font-weight: 500;
text-transform: uppercase;
line-height: calc(var(--baseline)*1.4);
text-align: center;
line-height: calc(var(--baseline)*1.6);
// text-align: center;
position: relative;
margin-top: calc(var(--baseline)*2 - 3px);
padding-bottom: calc(var(--baseline)*1);
padding-left: 1ch;
padding-left: calc(var(--indent)*2);
padding-right: 1ch;
&::before{
display: block;
font-size: var(--fs-num);
// font-size: var(--fs-num);
// width: 2ch;
// height: 2ch;
// border: 1px solid currentColor;
// border-radius: 50%;
// display: flex;
// align-items: center;
// justify-content: center;
position: absolute;
left: 0;
width: calc(var(--indent)*2 - 0.5ch);
// border-bottom: 2px solid #cfcfcf;
// top: 3px;
}
}