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

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

@ -1,5 +1,12 @@
:root{
--symbol: "=";
--unit: 70px;
--sub-unit: 17.5px;
--font: 'Routed Gothic', sans-serif;
--font: 'Wagram Slab', serif;
--font: 'Bilzig', serif;
@ -52,16 +59,17 @@
--baseline: 18px;
--fs-nav: 11px;
--fs-subtitle: 11px;
--fs-subtitle: 16px;
--fs-notes: 11px;
--unit: 20px;
--gap: 8px;
--sign-size: 16px;
--sign-baseline: 18px;
--sign-spacing: 0.4rem;
--sign-baseline: 18px;
--sign-spacing: 0.45rem;
--sign-spacing: 7.2px;
--sign-color: var(--red);

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;
}

2
maquette-tests/assets/css/notes.css
View file

@ -12,7 +12,7 @@
}
.container-following-note {
margin-left: 30%;
margin-left: calc(var(--unit)*2);
}

23
maquette-tests/assets/css/subtitles.css
View file

@ -3,22 +3,20 @@ h3, h4{
}
h3, h4{
font-weight: normal;
margin-top: calc(var(--baseline)*0.5);
margin-bottom: calc(var(--baseline)*0.5);
font-size: var(--font-size);
margin-top: calc(var(--baseline)*1);
margin-bottom: calc(var(--baseline)*1);
position: relative;
font-size: var(--sign-size);
font-size: var(--fs-subtitle);
color: var(--sign-color);
}
.h3-before,
.h3-after{
letter-spacing:var(--sign-spacing);
font-size: var(--sign-size);
color: var(--sign-color);
line-height: var(--sign-baseline);
color: var(--sign-color);
line-height: var(--sign-baseline);
}
.h3-line {
@ -32,10 +30,12 @@ h3, h4{
.h3-after{
padding-left: 0.75ch;
position: relative;
left: 6px;
}
.h3-text{
background-color: yellow;
/* background-color: yellow; */
flex-grow: 2;
}
@ -51,7 +51,8 @@ h3, h4{
.decor-h3_small{
left: -16mm;
left: -13.5mm;
padding-top: 9px;
}
@ -61,12 +62,12 @@ h3, h4{
}
.decor-h3_big{
right: -22mm;
right: -93px;
text-align: right;
}
.decor-h3_big div{
position: relative;
top: calc(var(--baseline)*-5);
top: calc(var(--baseline) * -3 - 9px);
}

19
maquette-tests/assets/css/text.css
View file

@ -12,16 +12,9 @@
.container-following-note + p,
p + p{
/* text-indent: 30%; */
position: relative;
/* text-indent: -6ch; */
}
p::before{
content: ".............";
content: "............";
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
@ -32,13 +25,13 @@ p::before{
left: 0; */
}
h4{
border: var(--border-grey);
background: none;
.following-h3::before{
display: none!important;
}
blockquote p{
/* font-family: var(--mono); */
}