styles paragraphes

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

View file

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