buttons rapport

This commit is contained in:
Julie Blanc 2026-01-09 14:23:36 +01:00
parent 6d122fcf0c
commit 5f4783f0b6
4 changed files with 212 additions and 46 deletions

View file

@ -1842,7 +1842,7 @@ body main {
#rapport .rapport__header .rapport__title-group {
grid-column: span 2;
}
#rapport .rapport__header .title {
#rapport .rapport__header .rapport__title-group .title {
text-transform: uppercase;
font-weight: normal;
font-size: var(--fs-big);
@ -1850,13 +1850,24 @@ body main {
font-weight: normal;
margin-top: calc(var(--spacing) * 1);
}
#rapport .rapport__header .subtitle {
#rapport .rapport__header .rapport__title-group .subtitle {
font-size: var(--fs-big);
line-height: var(--leading-tight);
margin-top: calc(var(--spacing) * 0.5);
font-weight: normal;
}
#rapport .rapport__header dl {
#rapport .rapport__header .rapport__figure {
display: none;
width: 100%;
aspect-ratio: 2/1;
}
#rapport .rapport__header .rapport__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#rapport .rapport__header .rapport__dl {
align-self: start;
font-size: var(--fs-small);
border-bottom: var(--border-light);
@ -1864,7 +1875,7 @@ body main {
align-items: flex-start;
margin-top: calc(var(--spacing) * 2);
}
#rapport .rapport__header dl .dl__group {
#rapport .rapport__header .rapport__dl .dl__group {
display: grid;
grid-gap: var(--padding-inner);
grid-template-columns: 2fr 3fr;
@ -1872,7 +1883,7 @@ body main {
border-top: var(--border-light);
padding: calc(var(--spacing) * 0.5) 0;
}
#rapport .rapport__header dl dt {
#rapport .rapport__header .rapport__dl dt {
color: var(--color-txt-light);
padding-right: 1ch;
}

File diff suppressed because one or more lines are too long

View file

@ -23,29 +23,42 @@
.rapport__title-group{
grid-column: span 2;
.title{
text-transform: uppercase;
font-weight: normal;
font-size: var(--fs-big);
line-height: var(--leading-tight);
font-weight: normal;
margin-top: calc(var(--spacing)*1);
}
.subtitle{
font-size: var(--fs-big);
line-height: var(--leading-tight);
margin-top: calc(var(--spacing)*0.5);
font-weight: normal;
}
}
.title{
text-transform: uppercase;
font-weight: normal;
font-size: var(--fs-big);
line-height: var(--leading-tight);
font-weight: normal;
margin-top: calc(var(--spacing)*1);
}
.subtitle{
font-size: var(--fs-big);
line-height: var(--leading-tight);
margin-top: calc(var(--spacing)*0.5);
font-weight: normal;
}
.rapport__figure{
display: none;
width: 100%;
aspect-ratio: 2/1;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
dl{
}
.rapport__dl{
align-self: start;
font-size: var(--fs-small);
border-bottom: var(--border-light);