Julie/decor-6-expe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

running pages

Browse source
This commit is contained in:
Julie Blanc 2026-03-16 13:57:11 +01:00
parent 015689c0ed
commit 56d11343f8
4 changed files with 51 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
maquette-tests/assets/css/01_var.css
View file

@ -70,7 +70,7 @@
--sign-baseline: 18px; --sign-baseline: 18px;
--sign-spacing: 0.45rem; --sign-spacing: 0.45rem;
--sign-spacing: 7.5px; --sign-spacing: 7.5px;
--sign-color: var(--red); --sign-color: var(--blue);
/* --sign-color: black; */ /* --sign-color: black; */

49
maquette-tests/assets/css/03_layout.css
View file

@ -8,6 +8,7 @@
marks: crop; marks: crop;
--symbol-top: 1px; --symbol-top: 1px;
--running-top: 8mm; --running-top: 8mm;
--running-bottom: 10mm;
} }
@page:left { @page:left {
@ -66,6 +67,17 @@
} }
@bottom-left {
content: counter(page);
vertical-align: top;
padding-top: var(--running-bottom);
white-space: nowrap;
font-size: var(--font-size);
color: var(--sign-color);
z-index: 100;
}
@ -112,10 +124,21 @@
white-space: nowrap; white-space: nowrap;
} }
@top-right-corner {
@bottom-right {
content: counter(page);
vertical-align: top;
padding-top: var(--running-bottom);
text-align: right;
white-space: nowrap;
font-size: var(--font-size);
color: var(--sign-color);
z-index: 100;
} }
} }
@ -205,3 +228,25 @@
/* DELETE BEFORE PRINT */ /* DELETE BEFORE PRINT */
.pagedjs_left_page .pagedjs_margin-bottom-left .pagedjs_margin-content::after{
background-color: white;
display: inline-block;
padding-left: 10px;
position: relative;
left: -10px;
padding-right: 1.5ch;
}
.pagedjs_right_page .pagedjs_margin-bottom-right .pagedjs_margin-content::after{
background-color: white;
display: inline-block;
padding-right: 10px;
position: relative;
left: 10px;
padding-left: 10px;
padding-right: 6px;
}

2
maquette-tests/assets/css/chapter-header.css
View file

@ -2,7 +2,7 @@
.chapter-header { .chapter-header {
position: relative; position: relative;
font-family: var(--font-title); /* font-family: var(--font-title); */
font-size: 36px; font-size: 36px;
line-height: 1; line-height: 1;
break-after: page; break-after: page;

4
maquette-tests/assets/css/running-page.css
View file

@ -5,7 +5,7 @@
letter-spacing: var(--sign-spacing); letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline); line-height: var(--sign-baseline);
vertical-align: top; vertical-align: top;
padding-top: var(--running-top); padding-top: var(--running-bottom);
width: 100%; width: 100%;
@ -21,7 +21,7 @@
.running-page{ .running-page{
width: calc(var(--w-container)*2); width: calc(var(--w-container)*2);
padding-left: 7px; padding-left: 11px;
padding-right: 6px; padding-right: 6px;
display: flex; display: flex;
/* background-color: yellow; */ /* background-color: yellow; */