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

layout-3

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 23:30:33 +01:00
parent 811558f4d8
commit 31bb24548f
19 changed files with 189 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

31
maquette-tests/assets/css/modules/_chapter-header.scss
View file

@ -17,44 +17,53 @@
.chapter-header h2{
font-size: 38px;
line-height: 1;
font-family: var(--note);
font-size: 42px;
line-height: 0.9;
font-family: var(--title);
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
text-align: center;
font-weight: normal;
text-align: left;
font-weight: bold;
padding-right: 3ch;
}
.chapter-header .type{
margin-bottom: calc(var(--baseline)*1);
// text-align: center;
}
.chapter-header .type,
.chapter-header .type{
}
.chapter-header .bio{
font-family: var(--mono);
// text-align: right;
hyphens: none;
font-size: 9px;
font-size: 11px;
line-height: 1.2;
left: 0px!important;
}
.chapter-header .bio{
margin-top: calc(var(--baseline)*1);
text-align: left;
text-align: center;
text-indent: 0;
}
.chapter-header .author{
left: 0px!important;
font-size: 38px;
font-size: 26px;
line-height: 1;
font-family: var(--note);
font-weight: normal;
font-family: var(--title);
font-weight: bold;
text-align: center;
// color: var(--green);
text-align: right;
// text-transform: uppercase;
// letter-spacing: 0.01rem;
}

4
maquette-tests/assets/css/modules/_item-decor.scss
View file

@ -8,9 +8,9 @@
}
.pagedjs_left_page .item-decor{
left: -26mm;
left: -12mm;
}
.pagedjs_right_page .item-decor{
right: -26mm;
right: -12mm;
}

59
maquette-tests/assets/css/modules/_notes copy.scss Normal file
View file

@ -0,0 +1,59 @@
.inline-note{
color: var(--green);
float: left;
clear: both;
width: 46mm;
text-align: left;
hyphens: none;
margin-right: 1ch;
margin-right: -20mm;
position: relative;
left: -25mm;
text-align: right;
font-family: var(--note);
font-size: 9.5px;
line-height: 1.2;
.body_note{
padding-top: 5px;
}
}
.pagedjs_floatnote_marker,
.pagedjs_floatnote_call{
color: var(--green);
// font-weight: bold;
padding-left: 0.25ch;
line-height: 0;
font-size: 9px;
font-family: var(--mono);
position: relative;
top: -1px;
margin-left: 2px;
border: 0.5px solid currentColor;
width: 14px;
height: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.pagedjs_floatnote_marker{
// float: left;
// position: absolute;
// left: 0px;
// display: block;
text-align: left;
}

50
maquette-tests/assets/css/modules/_notes.scss
View file

@ -1,27 +1,10 @@
.inline-note{
display: none!important;
color: var(--green);
// break-inside: avoid;
float: left;
clear: both;
width: 46mm;
text-align: left;
hyphens: none;
margin-right: 1ch;
margin-right: -20mm;
position: relative;
left: -25mm;
text-align: right;
font-family: var(--note);
font-size: 9.5px;
font-size: 10px;
line-height: 1.2;
.body_note{
padding-top: 5px;
}
@ -29,19 +12,24 @@
}
.pagedjs_floatnote_marker,
.pagedjs_floatnote_call{
color: var(--green);
// font-weight: bold;
padding-left: 0.25ch;
line-height: 0;
font-size: 9px;
// font-family: var(--font);
}
.pagedjs_floatnote_marker{
// float: left;
// position: absolute;
// left: 0px;
// display: block;
text-align: left;
}
.note-container{
grid-column: center;
grid-row: footer;
width: 100%;
height: calc(100% - 12mm);
// outline: 1px solid red;
columns: 2;
column-fill: auto;
padding-top: 20px;
}

11
maquette-tests/assets/css/modules/_text.scss
View file

@ -2,8 +2,9 @@
p{
// text-align: justify;
// hyphens: auto;
text-align: justify;
hyphens: auto;
hyphenate-limit-chars: 8 3;
position: relative;
color: var(--blue);
font-weight: 200;
@ -33,14 +34,16 @@ h3{
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*0.5);
text-align: center;
font-weight: 200;
font-weight: normal;
// text-decoration: underline;
// font-family: var(--mono);
font-family: var(--mono);
text-transform: uppercase;
color: var(--blue);
max-width: 18ch;
// margin-inline: auto;
letter-spacing: 0.05rem;
// &::before{