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

@ -26,8 +26,9 @@
h2, h3, h4, h5, h6 {
color: red;
&::before{
content: attr(data-counter);
content: attr(data-counter) ". ";
}
}
@ -102,10 +103,12 @@
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;
// background-color: red;
&::before{
display: block;
@ -123,7 +126,8 @@
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;
@ -143,14 +147,17 @@
margin-top: 6mm;
padding-bottom: 6mm;
margin-right: 20mm;
padding-left: calc(var(--unit)*2);
text-decoration: 0.5px underline;
text-underline-offset: 3px;
margin-left: calc(var(--unit)*2);
padding-left: calc(var(--unit)*0.5);
&::before{
display: block;
position: absolute;
left: calc(var(--unit)*1);
left: 0;
// left: calc(var(--unit)*1);
text-decoration: none;
}
}
@ -159,13 +166,14 @@
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: $indent;
margin-left: calc(var(--unit)*3);
padding-left: calc(var(--unit)*0.5);
text-indent: $indent;
&::before{
display: block;
position: absolute;
@ -176,16 +184,17 @@
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: $indent;
text-indent: $indent;
margin-left: calc(var(--unit)*2);
// padding-left: calc(var(--unit)*0.5);
// color: red;
position: relative;
top: -2px;
&::before{
display: block;
position: absolute;
left: 0;
// display: block;
// position: absolute;
// left: 0;
}
}