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

add Baskemo

Browse source
This commit is contained in:
Julie Blanc 2026-02-24 12:40:59 +01:00
parent a8ab44f5a6
commit ffa89ed031
18 changed files with 337 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,8 @@
.chapter-header{
// break-after: page;
margin-bottom: calc(var(--baseline)*6);
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*9);
--color: black;
}
.chapter-header h2 {
@ -17,14 +19,15 @@
.chapter-header h2{
font-size: 42px;
font-size: 40px;
line-height: 0.9;
font-family: var(--title);
font-family: var(--mono);
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
text-align: left;
font-weight: bold;
font-weight: normal;
padding-right: 3ch;
color: var(--color);
}
@ -39,9 +42,8 @@
}
.chapter-header .bio{
margin-top: calc(var(--baseline)*1);
font-family: var(--title);
margin-top: calc(var(--baseline)*3);
font-family: var(--mono);
hyphens: none;
font-size: 12px;
line-height: 1.2;
@ -50,14 +52,16 @@
.name{
text-indent: 0;
text-align: left;
font-weight: bold;
font-weight: normal;
color: var(--color);
}
.description{
text-indent: -14mm;
padding-left: 14mm;
text-align: left;
font-weight: bold;
font-weight: normal;
color: var(--color);
}
}
@ -66,13 +70,15 @@
.chapter-header .author{
left: 0px!important;
font-size: 26px;
font-size: 24px;
font-weight: normal;
line-height: 1;
font-family: var(--font);
// font-weight: bold;
text-align: center;
// color: var(--green);
text-align: right;
text-align: left;
text-indent: 0;
text-indent: 14mm;
color: var(--color);
// text-transform: uppercase;
// letter-spacing: 0.01rem;
}

79
maquette-tests/assets/css/modules/_footnotes.scss Normal file
View file

@ -0,0 +1,79 @@
.pagedjs_footnote{
font-family: var(--note);
// font-size: 10px;
line-height: 1.2;
font-size: 11px;
font-weight: normal;
text-indent: -14mm;
padding-left: 14mm;
color: var(--green);
}
.pagedjs_floatnote_marker,
.pagedjs_floatnote_call{
}
.pagedjs_floatnote_marker{
}
.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;
}
.pagedjs_footnote_content{
// padding-top: var(--baseline);
// columns: 2;
}
// .pagedjs_footnote_inner_content{
// columns: 2;
// }
.pagedjs_footnotes::marker{
color: red;
}
.pagedjs_footnote[data-footnote-call]{
// font-family: sans-serif;
border: 1px solid currentColor;
min-width: 14px;
height: 14px;
display: inline-flex;
border-radius: 4px;
align-items: center;
justify-content: center;
line-height: 0;
white-space: 0px;
font-variant-position: super;
font-size: 10px;
text-indent: 0px;
position: relative;
top: -2px;
margin-left: 2px;
&::after{
font-variant-position: normal;
}
}

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

@ -4,7 +4,7 @@
font-weight: 400;
font-size: 12px;
position: absolute;
color: var(--green);
}
.pagedjs_left_page .item-decor{

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

@ -1,59 +0,0 @@
.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;
}

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

@ -1,10 +1,25 @@
.inline-note{
font-size: 10px;
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;
}
@ -12,24 +27,35 @@
}
.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;
}
.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;
}

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

@ -6,7 +6,7 @@
hyphens: auto;
hyphenate-limit-chars: 8 3;
position: relative;
color: var(--blue);
// color: var(--blue);
font-weight: 200;
letter-spacing: 0.01rem;
@ -42,7 +42,7 @@ h3{
max-width: 18ch;
// margin-inline: auto;
letter-spacing: 0.05rem;
color: black;