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

layout + font size

Browse source
This commit is contained in:
Julie Blanc 2026-04-09 21:52:21 +02:00
parent 9ed0fb0d1d
commit dcdd26de82
11 changed files with 270 additions and 276 deletions
Download patch file Download diff file Expand all files Collapse all files

33
css/modules/_layout.scss
View file

@ -1,10 +1,12 @@
$width: 176mm;
$height: 240mm;
$top: 10mm;
$bottom: 12mm;
$inside: 20mm;
$outside: 14mm;
$top: 6mm;
$bottom: 18mm;
$inside: 12mm;
$outside: 6mm;
$content-h: calc($height - $top - $bottom - 1mm);
$gap: 4mm;
$indent: 10mm;
@media print {
@ -19,11 +21,17 @@ $content-h: calc($height - $top - $bottom - 1mm);
@page:left {
margin-left: $outside;
margin-right: $inside;
// background-image: url("/images/layout-2_3.png");
// background-size: 100% 100%;
@bottom-left {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
text-align: left;
width: $indent;
}
@bottom-center {
content: "Höchstpersönlichkeit";
@ -36,18 +44,13 @@ $content-h: calc($height - $top - $bottom - 1mm);
@page:right {
margin-left: $inside;
margin-right: $outside;
@bottom-right {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
text-align: right;
}
@bottom-left {
content: string(chapterCount);
font-family: var(--font-sans);
font-size: var(--fs-num);
text-align: left;
width: $indent;
}
@bottom-center {
@ -57,6 +60,13 @@ $content-h: calc($height - $top - $bottom - 1mm);
text-align: left;
}
@bottom-right {
content: counter(page);
font-family: var(--font-sans);
font-size: var(--fs-num);
text-align: right;
}
}
@page:first {
@ -97,6 +107,8 @@ $content-h: calc($height - $top - $bottom - 1mm);
}
@page chapter {
margin-left: $outside;
margin-right: $outside;
@top-left-corner { content: none; }
@top-left { content: none; }
@top-center { content: none; }
@ -130,6 +142,7 @@ $content-h: calc($height - $top - $bottom - 1mm);
#section__content{
columns: 2;
column-gap: $gap;
column-fill: auto;
}