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

add these style

Browse source
This commit is contained in:
Julie Blanc 2026-01-20 19:05:58 +01:00
parent 7239fa838b
commit fb365c2f05
7 changed files with 113 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

18
css/modules/_layout.scss
View file

@ -5,8 +5,8 @@
margin-top: 36px;
margin-bottom: 20mm;
// bleed: 6mm;
// marks: crop;
bleed: 6mm;
marks: crop;
}
@page:left {
margin-left: 22mm;
@ -32,10 +32,20 @@
font-weight: 500;
font-size: var(--fs-num);
}
@bottom-left {
@right-top {
content: "Höchstpersönlichkeit";
font-family: var(--font-title);
font-family: var(--font-title);
font-weight: normal;
// background-color: red;
transform-origin: top left;
height: calc(var(--baseline)*2);
word-spacing: nowrap;
width: 52ch;
transform: rotate(90deg);
text-align: left;
position: relative;
left: 18mm;
padding-left: 5px;
}
}

21
css/modules/_text.scss
View file

@ -47,22 +47,19 @@ blockquote{
}
blockquote + ol + p{ text-indent: 0px; }
.these + ol + p,
blockquote + ol + p{
text-indent: 0px;
}
.these{
&::before{
content: "---"
}
&::after{
content: "---";
}
&::before, &::after{
display: flex;
// width: 3ch;
justify-content: center;
}
font-family: var(--font-title);
// color: red;
margin-bottom: calc(var(--baseline)*1);
}

8
css/modules/_titles-counters.scss
View file

@ -47,4 +47,12 @@
h5::before{
content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
}
h6{
counter-increment: h6 1;
}
h6::before{
content: "(" counter(h6) "). ";
}
}

26
css/modules/_titles.scss
View file

@ -2,7 +2,7 @@
#section__content{
h1, h2, h3 {
h1, h2, h3 , h4{
break-inside: avoid;
break-after: avoid;
@ -12,6 +12,19 @@
content: '';
display: block;
height: calc(var(--baseline)*3);
}
}
h5, h6 {
break-inside: avoid;
break-after: avoid;
/* hack for avoiding break-after */
margin-bottom: calc(var(--baseline)*-2);
&::after{
content: '';
display: block;
height: calc(var(--baseline)*2);
// background-color: rgba(255, 255, 0, 0.595);
}
}
@ -102,6 +115,8 @@
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;
}
@ -117,6 +132,15 @@
padding-bottom: calc(var(--baseline)*0.25);
}
h6{
font-family: var(--font-title);
font-weight: 500;
font-size: 0.8rem;
margin-top: calc(var(--baseline)*0.5);
padding-bottom: calc(var(--baseline)*0.25);
color: #666;
}