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

add maquette-tests

Browse source
This commit is contained in:
Julie Blanc 2026-02-23 11:35:07 +01:00
parent a25f7b6eba
commit f01a1ed6f8
348 changed files with 42979 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,59 @@
.chapter-header{
// break-after: page;
margin-bottom: calc(var(--baseline)*6);
}
.chapter-header h2 {
string-set: title content(text);
}
.chapter-header .author {
string-set: author content(text);
}
.chapter-header .type {
string-set: type content(text);
}
.chapter-header h2{
font-size: 38px;
line-height: 1;
font-family: var(--note);
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
text-align: center;
}
.chapter-header .type{
margin-bottom: calc(var(--baseline)*1);
}
.chapter-header .type,
.chapter-header .bio{
font-family: var(--mono);
// text-align: right;
hyphens: none;
font-size: 9px;
line-height: 1.2;
left: 0px!important;
}
.chapter-header .bio{
margin-top: calc(var(--baseline)*1);
text-align: left;
}
.chapter-header .author{
left: 0px!important;
font-size: 38px;
line-height: 1;
font-family: var(--note);
font-weight: bold;
text-align: center;
// color: var(--green);
}

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

@ -0,0 +1,188 @@
.chapter{
p{
text-align: justify;
hyphens: auto;
position: relative;
color: var(--blue);
// &::before{
// content: '';
// display: inline-block;
// width: 8px;
// height: 8px;
// background-color: var(--blue);
// border-radius: 50%;
// margin-right: 1ch;
// }
}
p + p{
left: 14mm;
// &::before{
// left: -19mm;
// }
}
p + p + p{
left: 7mm;
// &::before{
// left: -13mm;
// }
}
.inline-note{
color: var(--green);
// break-inside: avoid;
float: left;
clear: both;
width: 50mm;
text-align: left;
hyphens: none;
// font-size: 9px;
// line-height: calc(var(--bseline)*0.75);
// padding-top: calc(var(--baseline)*0.5);
// padding-bottom: calc(var(--baseline)*0.5);
margin-right: 1ch;
margin-right: -20mm;
position: relative;
left: -25mm;
text-align: right;
font-family: var(--note);
line-height: 1.2;
}
.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;
}
h3{
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*0.5);
text-align: center;
font-weight: normal;
text-decoration: underline;
font-family: var(--mono);
text-transform: uppercase;
color: var(--blue);
max-width: 18ch;
margin-inline: auto;
// &::before{
// content: '';
// display: block;
// width: 8px;
// height: 8px;
// border: 1px solid var(--blue);
// border-radius: 50%;
// margin-right: 1ch;
// position: relative;
// left: -2ch;
// }
}
blockquote p{
// font-family: var(--mono);
}
blockquote{
position: relative;
left: 14mm;
p{
font-size: 16px;
line-height: calc(var(--baseline)*1.25);
font-weight: 300;
}
// margin-top: calc(var(--baseline)*2);
// margin-bottom: calc(var(--baseline)*2);
}
& > :first-child{
// background-color: red;
margin-top: 0px;
}
}
// .inline-note{
// background-color: #e5e5f7;
// opacity: 0.8;
// background-image: linear-gradient(0deg, white 50%, var(--green-light) 50%);
// background-size: 16px 16px;
// .body_note{
// display: inline;
// padding-right: 1ch;
// background-color: white;
// -webkit-box-decoration-break: clone;
// box-decoration-break: clone;
// position: relative;
// top: -4px;
// }
// }
// p + p .inline-note::after{
// left: -19mm!important;
// }
// p + p + p .inline-note::after{
// left: -12mm!important;
// }
.pagedjs_area{
position: relative;
}
.item-decor{
font-family: var(--font);
font-weight: 400;
font-size: 12px;
position: absolute;
color: var(--green);
}
.pagedjs_left_page .item-decor{
left: -30mm;
}
.pagedjs_right_page .item-decor{
right: -20mm;
}