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

wrap thesis

Browse source
This commit is contained in:
Julie Blanc 2026-04-21 16:37:59 +02:00
parent 626ba00ba8
commit 9ef96b6897
5 changed files with 101 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

51
css/modules/_text.scss
View file

@ -70,49 +70,52 @@ ul{
// ol, p, h4, h5, h6{
// display: none;
// }
// THESE --------------------------------------------------
.p-these{
font-weight: 500;
margin-bottom: calc(var(--baseline)*0.5);
strong{
text-transform: uppercase;
display: inline-block;
min-width: $indent*2;
font-weight: bold;
font-size: var(--fs-small);
letter-spacing: 0.05rem;
}
.thesis p{
display: block;
}
// .p-these{
// font-weight: 500;
// margin-bottom: calc(var(--baseline)*0.5);
// display: block;
// strong{
// text-transform: uppercase;
// display: inline-block;
// min-width: $indent*2;
// font-weight: bold;
// font-size: var(--fs-small);
// letter-spacing: 0.05rem;
// }
.p-these-last{
margin-bottom: calc(var(--baseline)*1);
}
// }
// .p-these-last{
// margin-bottom: calc(var(--baseline)*1);
// }
// INTRO --------------------------------------------------
.has-intro-1-paragraph .intro,
.has-intro .intro{
break-after: right;
}
.intro{
color: red;
p{
font-size: var(--fs-intro);
padding-left: calc(var(--unit)*1);
line-height: 1.4;
display: block;
}
}
.chapter-end{
width: 20px;
height: 20px;
background-color: green;
}

35
css/modules/_titles.scss
View file

@ -2,35 +2,26 @@
#section__content{
h1:first-of-type{
// column-span: all;
// height: $content-h;
}
// .before-h1{
// break-after: page;
// }
h1{
.h1-count::after{
content: "."
}
.h1-count{
margin-bottom: 1em;
}
// break-before: page;
// break-after: page;
// position: absolute;
// left: 0;
// top: 0;
height: $content-h;
// background-color: red;
min-height: $content-h;
display: flex;
flex-direction: column;
justify-content: space-between;
// display: none;
&[data-split-from]{
color: red;
position: absolute;
}
}