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

intro bottom

Browse source
This commit is contained in:
Julie Blanc 2026-04-21 23:05:59 +02:00
parent 9ef96b6897
commit 725306418d
8 changed files with 116 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

67
css/modules/_layout.scss
View file

@ -1,7 +1,7 @@
$width: 176mm;
$height: 240mm;
$top: 10mm;
$bottom: 14mm;
$bottom: 19mm;
$inside: 20mm;
$outside: 14mm;
$content-h: calc($height - $top - $bottom - 1mm);
@ -12,40 +12,44 @@ $unit: calc($content-w/7);
:root{
// --content-w: #{$content-w};
// --unit: calc(var(--content-w)/7);
--unit: 80px;
--unit: calc(#{$content-w}/7);
// --unit: 80px;
--margin-box: -13px;
}
@media print {
@page {
size: $width $height;
margin-top: $top;
margin-bottom: $bottom;
// bleed: 6mm;
// marks: crop;
bleed: 6mm;
marks: crop;
}
@page:left {
margin-left: $outside;
margin-right: $inside;
// background-image: url("/images/layout-1_3.png");
// background-size: 100% 100%;
@bottom-left {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
width: $indent;
position: relative;
top: var(--margin-box);
}
@bottom-center {
content: "Höchstpersönlichkeit";
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
position: relative;
top: var(--margin-box);
}
}
@ -53,35 +57,48 @@ $unit: calc($content-w/7);
margin-left: $inside;
margin-right: $outside;
// background-image: url("/images/layout-1_20.png");
// background-image: url('/images/layout-1_2.png');
// background-size: 100% 100%;
@bottom-left {
content: string(chapterCount);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
width: $indent;
width: calc(var(--unit)*3);
padding-left: calc(var(--unit)*2);
position: relative;
top: var(--margin-box);
}
@bottom-center {
content: string(chapter);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: left;
position: relative;
top: var(--margin-box);
width: calc(var(--unit)*3.5);
}
@bottom-right {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
font-weight: 500;
text-align: right;
position: relative;
top: var(--margin-box);
}
}
@page:first {
@page chapter:first {
@top-left-corner { content: none; }
@top-left { content: none; }
@top-center { content: none; }
@ -118,26 +135,7 @@ $unit: calc($content-w/7);
@bottom-right-corner { content: none; }
}
@page chapter {
margin-left: $outside;
margin-right: $outside;
@top-left-corner { content: none; }
@top-left { content: none; }
@top-center { content: none; }
@top-right { content: none; }
@top-right-corner { content: none; }
@left-top { content: none; }
@left-middle { content: none; }
@left-bottom { content: none; }
@right-top { content: none; }
@right-middle { content: none; }
@right-bottom { content: none; }
@bottom-left-corner { content: none; }
@bottom-left { content: none; }
@bottom-center { content: none; }
@bottom-right { content: none; }
@bottom-right-corner { content: none; }
}
}
@ -151,6 +149,7 @@ $unit: calc($content-w/7);
string-set: chapter content(text);
}
.chapter{
page: chapter;
break-before: page;