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

starting layout-2

Browse source
This commit is contained in:
Julie Blanc 2026-01-19 23:14:58 +01:00
parent abbd549428
commit e055fc96ee
9 changed files with 142 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

83
css/modules/_titles.scss
View file

@ -28,19 +28,19 @@
h1{
font-family: var(--font-title);
font-weight: normal;
font-size: 1.5rem;
font-size: 1.6rem;
font-weight: 500;
text-transform: uppercase;
line-height: calc(var(--baseline)*1.4);
text-align: center;
position: relative;
margin-top: calc(var(--baseline)*3 - 3px);
margin-top: calc(var(--baseline)*2 - 3px);
padding-bottom: calc(var(--baseline)*1);
padding-left: 1ch;
padding-right: 1ch;
&::before{
display: block;
font-size: 1rem;
font-size: var(--fs-num);
}
}
@ -53,68 +53,67 @@
h2{
font-family: var(--font-title);
font-weight: normal;
font-size: 1.3rem;
font-size: 1.1rem;
font-weight: 500;
text-transform: uppercase;
line-height: calc(var(--baseline)*1.2);
text-align: right;
padding-left: 3ch;
text-align: center;
position: relative;
margin-top: calc(var(--baseline)*1 + 9px);
margin-top: calc(var(--baseline)*1 + 6px);
padding-bottom: calc(var(--baseline)*1);
padding-left: 2ch;
padding-right: 2ch;
&::before{
position: absolute;
left: 0;
display: block;
font-size: var(--fs-num);
}
}
h3{
font-family: var(--font-sans);
font-weight: normal;
font-family: var(--font-title);
font-weight: 500;
font-size: 1rem;
line-height: calc(var(--baseline)*1);
text-align: right;
padding-left: 3ch;
padding-left: var(--indent);
padding-right: calc(var(--indent)*2);
position: relative;
margin-top: calc(var(--baseline)*1 + 9px);
padding-bottom: calc(var(--baseline)*1);
margin-top: calc(var(--baseline)*1 + 4px);
padding-bottom: calc(var(--baseline)*0.75);
&::before{
// font-family: 'Helixotrope 4';
// font-size: var(--font-size);
// font-weight: bold;
position: absolute;
left: 0;
}
}
h4{
font-family: var(--font-sans);
font-weight: normal;
font-family: var(--font-title);
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);
}
h5{
font-family: var(--font-title);
font-weight: 500;
font-size: 0.8rem;
line-height: calc(var(--baseline)*1);
text-align: right;
padding-left: 3ch;
padding-left: calc(var(--indent)*1);
// padding-right: calc(var(--indent)*2);
position: relative;
margin-top: calc(var(--baseline)*0.5);
margin-bottom: calc(var(--baseline)*0.5);
font-weight: 500;
margin-top: calc(var(--baseline)*1 + 4px);
padding-bottom: calc(var(--baseline)*0.25);
}
h5{
font-family: var(--font-sans);
font-weight: normal;
font-size: 0.7rem;
line-height: calc(var(--baseline)*1);
position: relative;
margin-top: calc(var(--baseline)*0.75);
margin-bottom: calc(var(--baseline)*0.25);
}
}