Julie/walter-boente_book-collection
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styles paragraphes

Browse source
This commit is contained in:
Julie Blanc 2026-04-22 17:43:29 +02:00
parent cd2a9e554d
commit c801320c31
7 changed files with 79 additions and 1284 deletions
Download patch file Download diff file Expand all files Collapse all files

35
css/modules/_followingNotes.scss
View file

@ -1,35 +0,0 @@
.container-following-note{
font-family: var(--font-sans);
font-size: var(--fs-small);
line-height: calc(var(--baseline)*0.75);
position: relative;
margin-top: 2px;
// margin-top: calc(var(--baseline)*0.25);
hyphens: auto;
hyphenate-limit-chars: 7 3 4;
hyphenate-limit-lines: 2;
hyphenate-limit-zone: 8%;
word-spacing: -0.004em;
text-align: justify;
// color: #999;
}
.body_note{
// padding-left: calc(var(--indent)*1);
// position: relative;
}
.following-note_marker::after{
content: ". "
}
.following-note_call{
font-family: var(--font-sans);
font-size: var(--fs-small);
line-height: 1;
position: relative;
top: -4px;
}

54
css/modules/_footnotes.scss
View file

@ -1,54 +0,0 @@
// INUTILE
@page {
@footnote {
float: bottom;
footnote-policy: auto;
}
}
.pagedjs_footnote_content{
padding-top: calc(var(--baseline)*1);
}
.inline-note {
float: footnote;
footnote-policy: auto;
font-size: var(--fs-small);
line-height: calc(var(--baseline)*0.8);
padding-left: var(--indent);
position: relative;
font-weight: 600;
&::marker{
display: none;
content: "";
}
}
[data-counter-note]{
&::before{
content: attr(data-counter-note) ".";
position: absolute;
left: 0px;
}
}
.inline-note::after{
font-family: var(--font);
font-size: var(--fs-small);
line-height: 0;
position: relative;
top: -3px;
font-variant-position: normal!important;
}
blockquote .inline-note{
font-variant-position: normal!important;
}

2
css/modules/_text.scss
View file

@ -53,7 +53,7 @@ p, li{
blockquote{ blockquote{
// font-family: var(--font-quote); // font-family: var(--font-quote);
border-left: 0.5px solid black; border-left: 0.5px solid black;
margin-left: calc(var(--unit)*1.5); margin-left: calc(var(--unit)*2);
} }

43
css/modules/_titles.scss
View file

@ -26,8 +26,9 @@
h2, h3, h4, h5, h6 { h2, h3, h4, h5, h6 {
color: red;
&::before{ &::before{
content: attr(data-counter); content: attr(data-counter) ". ";
} }
} }
@ -102,10 +103,12 @@
margin-top: 6mm; margin-top: 6mm;
padding-bottom: 6mm; padding-bottom: 6mm;
hyphens: auto; hyphens: auto;
padding-left: calc(var(--unit)*1); margin-left: calc(var(--unit)*1);
padding-left: calc(var(--unit)*0.5);
position: relative; position: relative;
max-width: calc(var(--unit)*5); max-width: calc(var(--unit)*5);
text-wrap: balance; text-wrap: balance;
// background-color: red;
&::before{ &::before{
display: block; display: block;
@ -123,7 +126,8 @@
font-size: var(--fs-medium); font-size: var(--fs-medium);
line-height: 1.1; line-height: 1.1;
padding-left: calc(var(--unit)*1); padding-left: calc(var(--unit)*1);
margin-left: calc(var(--unit)*2);
padding-left: calc(var(--unit)*0.5);
position: relative; position: relative;
margin-top: 6mm; margin-top: 6mm;
padding-bottom: 6mm; padding-bottom: 6mm;
@ -143,14 +147,17 @@
margin-top: 6mm; margin-top: 6mm;
padding-bottom: 6mm; padding-bottom: 6mm;
margin-right: 20mm; margin-right: 20mm;
padding-left: calc(var(--unit)*2);
text-decoration: 0.5px underline; text-decoration: 0.5px underline;
text-underline-offset: 3px; text-underline-offset: 3px;
margin-left: calc(var(--unit)*2);
padding-left: calc(var(--unit)*0.5);
&::before{ &::before{
display: block; display: block;
position: absolute; position: absolute;
left: calc(var(--unit)*1); left: 0;
// left: calc(var(--unit)*1);
text-decoration: none; text-decoration: none;
} }
} }
@ -159,13 +166,14 @@
h5{ h5{
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
line-height: calc(var(--baseline)*0.75); line-height: calc(var(--baseline)*1);
position: relative; position: relative;
top: -2px;
margin-top: calc(var(--baseline)*1); margin-top: calc(var(--baseline)*1);
padding-bottom: calc(var(--baseline)*0.25); margin-left: calc(var(--unit)*3);
padding-left: $indent; padding-left: calc(var(--unit)*0.5);
text-indent: $indent;
&::before{ &::before{
display: block; display: block;
position: absolute; position: absolute;
@ -176,16 +184,17 @@
h6{ h6{
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
line-height: calc(var(--baseline)*0.75); line-height: calc(var(--baseline)*1);
position: relative;
margin-top: calc(var(--baseline)*1); margin-top: calc(var(--baseline)*1);
padding-left: $indent; margin-left: calc(var(--unit)*2);
// padding-left: calc(var(--unit)*0.5);
text-indent: $indent; // color: red;
position: relative;
top: -2px;
&::before{ &::before{
display: block; // display: block;
position: absolute; // position: absolute;
left: 0; // left: 0;
} }
} }

39
css/style.css
View file

@ -259,7 +259,7 @@ p, li {
blockquote { blockquote {
border-left: 0.5px solid black; border-left: 0.5px solid black;
margin-left: calc(var(--unit) * 1.5); margin-left: calc(var(--unit) * 2);
} }
blockquote p { blockquote p {
@ -353,8 +353,11 @@ ol[type="1"] {
color: red; color: red;
position: absolute; position: absolute;
} }
#section__content h2, #section__content h3, #section__content h4, #section__content h5, #section__content h6 {
color: red;
}
#section__content h2::before, #section__content h3::before, #section__content h4::before, #section__content h5::before, #section__content h6::before { #section__content h2::before, #section__content h3::before, #section__content h4::before, #section__content h5::before, #section__content h6::before {
content: attr(data-counter); content: attr(data-counter) ". ";
} }
#section__content h2, #section__content h3, #section__content h4 { #section__content h2, #section__content h3, #section__content h4 {
-moz-column-break-inside: avoid; -moz-column-break-inside: avoid;
@ -411,7 +414,8 @@ ol[type="1"] {
margin-top: 6mm; margin-top: 6mm;
padding-bottom: 6mm; padding-bottom: 6mm;
hyphens: auto; hyphens: auto;
padding-left: calc(var(--unit) * 1); margin-left: calc(var(--unit) * 1);
padding-left: calc(var(--unit) * 0.5);
position: relative; position: relative;
max-width: calc(var(--unit) * 5); max-width: calc(var(--unit) * 5);
text-wrap: balance; text-wrap: balance;
@ -426,6 +430,8 @@ ol[type="1"] {
font-size: var(--fs-medium); font-size: var(--fs-medium);
line-height: 1.1; line-height: 1.1;
padding-left: calc(var(--unit) * 1); padding-left: calc(var(--unit) * 1);
margin-left: calc(var(--unit) * 2);
padding-left: calc(var(--unit) * 0.5);
position: relative; position: relative;
margin-top: 6mm; margin-top: 6mm;
padding-bottom: 6mm; padding-bottom: 6mm;
@ -444,26 +450,27 @@ ol[type="1"] {
margin-top: 6mm; margin-top: 6mm;
padding-bottom: 6mm; padding-bottom: 6mm;
margin-right: 20mm; margin-right: 20mm;
padding-left: calc(var(--unit) * 2);
-webkit-text-decoration: 0.5px underline; -webkit-text-decoration: 0.5px underline;
text-decoration: 0.5px underline; text-decoration: 0.5px underline;
text-underline-offset: 3px; text-underline-offset: 3px;
margin-left: calc(var(--unit) * 2);
padding-left: calc(var(--unit) * 0.5);
} }
#section__content h4::before { #section__content h4::before {
display: block; display: block;
position: absolute; position: absolute;
left: calc(var(--unit) * 1); left: 0;
text-decoration: none; text-decoration: none;
} }
#section__content h5 { #section__content h5 {
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
line-height: calc(var(--baseline) * 0.75); line-height: calc(var(--baseline) * 1);
position: relative; position: relative;
top: -2px;
margin-top: calc(var(--baseline) * 1); margin-top: calc(var(--baseline) * 1);
padding-bottom: calc(var(--baseline) * 0.25); margin-left: calc(var(--unit) * 3);
padding-left: 10mm; padding-left: calc(var(--unit) * 0.5);
text-indent: 10mm;
} }
#section__content h5::before { #section__content h5::before {
display: block; display: block;
@ -473,18 +480,12 @@ ol[type="1"] {
#section__content h6 { #section__content h6 {
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;
line-height: calc(var(--baseline) * 0.75); line-height: calc(var(--baseline) * 1);
position: relative;
margin-top: calc(var(--baseline) * 1); margin-top: calc(var(--baseline) * 1);
padding-left: 10mm; margin-left: calc(var(--unit) * 2);
text-indent: 10mm; position: relative;
top: -2px;
} }
#section__content h6::before {
display: block;
position: absolute;
left: 0;
}
[data-id=section__content] > .chapter h2:first-child, [data-id=section__content] > .chapter h2:first-child,
[data-id=section__content] > .chapter h3:first-child, [data-id=section__content] > .chapter h3:first-child,
[data-id=section__content] > .chapter h4:first-child { [data-id=section__content] > .chapter h4:first-child {

2
css/style.css.map
View file

File diff suppressed because one or more lines are too long

1188
index.html
View file

File diff suppressed because it is too large Load diff