css timeline

This commit is contained in:
2024-09-20 15:19:36 +02:00
parent 912964a61a
commit fc14bd11d5
2 changed files with 23 additions and 14 deletions

View File

@@ -1141,6 +1141,7 @@ footer {
width: fit-content;
margin: auto;
margin-top: 0;
margin-bottom: 8rem;
padding-bottom: 2rem;
}
@media (max-width: 1090px) {
@@ -1148,6 +1149,9 @@ footer {
margin-bottom: 9rem;
}
}
#home .timeline .__timeline-arrows #arrowPrev {
padding-inline: 0;
}
#home .timeline .__timeline-arrows button {
background-color: transparent;
border: none;
@@ -1171,7 +1175,7 @@ footer {
#home .timeline .__timeline-content .__paragraphs {
position: relative;
display: inline-flex;
width: 700px;
width: 500px;
height: 1px;
background: black;
}
@@ -1203,7 +1207,7 @@ footer {
left: -18px;
top: -16px;
transform: translateY(-100%);
width: 600px;
width: 400px;
height: 300px;
font-size: 1rem;
white-space: normal;
@@ -1292,8 +1296,7 @@ footer {
border-radius: 5%;
padding: 0.6rem 0.6rem;
line-height: 1.1;
width: fit-content;
min-width: 35%;
width: 50%;
}
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
@@ -1302,8 +1305,8 @@ footer {
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.6rem;
font-weight: 800;
font-size: 0.8rem;
font-family: "gilroy-semibold";
}
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
@@ -1314,7 +1317,7 @@ footer {
font-family: "gilroy-regular";
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
font-size: 0.6rem !important;
font-size: 0.8rem !important;
margin: 0;
}
@media (max-width: 1090px) {