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

add symbol nav left page

Browse source
This commit is contained in:
Julie Blanc 2026-03-16 09:48:16 +01:00
parent 15aaf441cd
commit 512d62e5df
6 changed files with 139 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,9 +6,7 @@
margin-bottom: 14mm;
bleed: 6mm;
marks: crop;
--symbol-top: 1px;
}
@page:left {
@ -17,29 +15,51 @@
@top-left {
content: element(decor);
width: 0px;
vertical-align: top;
padding-top: 8mm;
padding-top: calc(8mm - var(--symbol-top));
width: calc(var(--unit)*2);
font-size: var(--fs-subtitle);
}
@top-center{
content: element(author);
vertical-align: top;
padding-top: calc(8mm - var(--symbol-top));
text-align: left;
white-space: nowrap;
padding-right: 1.5ch;
padding-left: 0.5ch;
font-size: var(--fs-subtitle);
}
@top-right {
content: element(author);
vertical-align: top;
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
vertical-align: top;
padding-top: 8mm;
width: 100%;
padding-top: 8mm;
text-align: right;
}
@top-left-corner {
content: counter(page);
content: var(--symbol) var(--symbol) var(--symbol);
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
vertical-align: top;
padding-top: 8mm;
text-align: left;
margin-left: 11mm;
margin-left: 3mm;
}
@ -133,4 +153,27 @@
.nav-decor {
position: running(decor);
}
.pagedjs_margin-top-left .pagedjs_margin-content .nav-decor::after{
content: var(--symbol) var(--symbol) var(--symbol) var(--symbol) var(--symbol) ;
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
line-height: var(--sign-baseline);
padding-left: 1ch;
width: calc(var(--unit) + var(--sub-unit));
position: relative;
top: var(--symbol-top);
}
/* DELETE BEFORE PRINT */
.pagedjs_margin-top-right-corner-holder{
background-color: white;
width: 40px;
position: absolute;
right: -41px;
}