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

layout terminal

Browse source
This commit is contained in:
Julie Blanc 2026-03-04 08:33:34 +01:00
parent aed4b9eb92
commit 68a0dcb88b
80 changed files with 2234 additions and 349 deletions
Download patch file Download diff file Expand all files Collapse all files

89
maquette-tests/assets/layout-4/modules/_chapter-header.scss Normal file
View file

@ -0,0 +1,89 @@
.chapter-header{
// break-after: page;
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*3);
--color: black;
}
.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: 46px;
line-height: 1.1;
font-family: var(--font);
font-family: var(--mono);
color: var(--blue);
margin-bottom: calc(var(--baseline)*1);
text-align: left;
font-weight: normal;
color: var(--color);
text-align: center;
}
.chapter-header .type{
margin-bottom: calc(var(--baseline)*1);
display: none;
// text-align: center;
}
.chapter-header .type{
}
.chapter-header .bio{
margin-top: calc(var(--baseline)*3);
font-family: var(--sans);
hyphens: none;
line-height: 1.3;
font-size: 12px;
// left: 0px!important;
.name{
text-indent: 0;
text-align: left;
font-weight: normal;
color: var(--color);
}
.description{
text-indent: -14mm;
padding-left: 14mm;
text-align: left;
font-weight: normal;
color: var(--color);
hyphens: none;
}
}
.chapter-header .author{
left: 0px!important;
font-size: 26px;
line-height: 0.9;
font-weight: normal;
line-height: 1;
font-family: var(--mono);
// font-weight: bold;
text-align: center;
text-indent: 0;
color: var(--color);
margin-top: calc(var(--baseline)*3);
text-decoration: underline 1px;
text-underline-offset: 2px;
}

82
maquette-tests/assets/layout-4/modules/_footnotes.scss Normal file
View file

@ -0,0 +1,82 @@
.pagedjs_footnote{
font-family: var(--sans);
// font-size: 10px;
line-height: 1.3;
font-size: 12px;
font-weight: 200;
text-indent: -14mm;
padding-left: 14mm;
}
.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;
font-size: 12px;
font-family: var(--sans);
text-indent: 0px;
// position: relative;
// top: -2px;
margin-left: 2px;
&::after{
font-variant-position: normal;
content: attr(data-counter-footnote-increment) "}"
}
&::before{
content: "{"
}
}
[data-footnote-marker]::marker {
content: "{" counter(footnote-marker) "} ";
}

17
maquette-tests/assets/layout-4/modules/_item-decor.scss Normal file
View file

@ -0,0 +1,17 @@
.item-decor{
font-family: var(--sans);
font-weight: 400;
font-size: 12px;
position: absolute;
}
.pagedjs_left_page .item-decor{
left: -12mm;
}
.pagedjs_right_page .item-decor{
right: -12mm;
}

61
maquette-tests/assets/layout-4/modules/_notes.scss Normal file
View file

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

131
maquette-tests/assets/layout-4/modules/_text.scss Normal file
View file

@ -0,0 +1,131 @@
.chapter{
p{
text-align: justify;
hyphens: auto;
hyphenate-limit-chars: 8 3;
position: relative;
// color: var(--blue);
letter-spacing: 0.01rem;
// &::before{
// content: '';
// display: inline-block;
// width: 8px;
// height: 8px;
// background-color: var(--blue);
// border-radius: 50%;
// margin-right: 1ch;
// }
}
p + p{
text-indent: var(--indent);
}
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;
letter-spacing: 0.05rem;
color: black;
text-decoration: underline 1px;
text-underline-offset: 2px;
// &::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{
font-family: var(--mono);
// position: relative;
// left: 14mm;
// p{
// font-size: 16px;
// line-height: calc(var(--baseline)*1.25);
// font-weight: 300;
// }
padding-left: var(--indent);
margin-top: calc(var(--baseline)*1);
margin-bottom: calc(var(--baseline)*1);
}
& > :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;
}