diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index ce9cd85..2bf914f 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -1141,7 +1141,6 @@ footer { width: fit-content; margin: auto; margin-top: 0; - margin-bottom: 8rem; padding-bottom: 2rem; } @media (max-width: 1090px) { @@ -1149,9 +1148,6 @@ footer { margin-bottom: 9rem; } } -#home .timeline .__timeline-arrows #arrowPrev { - padding-inline: 0; -} #home .timeline .__timeline-arrows button { background-color: transparent; border: none; @@ -1207,7 +1203,7 @@ footer { left: -18px; top: -16px; transform: translateY(-100%); - width: 400px; + width: 600px; height: 300px; font-size: 1rem; white-space: normal; @@ -1296,7 +1292,8 @@ footer { border-radius: 5%; padding: 0.6rem 0.6rem; line-height: 1.1; - width: 35%; + width: fit-content; + min-width: 35%; } @media (max-width: 1090px) { #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text { @@ -1306,7 +1303,7 @@ footer { } #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre { font-size: 0.6rem; - font-family: "gilroy-semibold"; + font-weight: 800; } @media (max-width: 1090px) { #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre { diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss index 74ee210..cd3f29c 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss @@ -40,21 +40,16 @@ width: fit-content; margin: auto; margin-top: 0; - margin-bottom: 8rem; padding-bottom: 2rem; @media(max-width:1090px){ // top: -211px; // display: none; margin-bottom: 9rem; } - #arrowPrev{ - padding-inline: 0; - } button{ background-color: transparent; border: none; padding-left: 1rem; - &:hover{ opacity: 0.5; } @@ -113,7 +108,7 @@ left: -18px; top: -16px; transform: translateY(-100%); - width: 400px; + width: 600px; height: 300px; font-size: 1rem; white-space: normal; @@ -212,16 +207,15 @@ border-radius: 5%; padding: 0.6rem 0.6rem; line-height: 1.1; - width: 35%; - // min-width: fit-content; + width: fit-content; + min-width: 35%; @media(max-width:1090px){ height: 200px; min-width: 80%; } .field_field_titre{ font-size: 0.6rem; - font-family: 'gilroy-semibold'; - // font-weight: 800; + font-weight: 800; @media(max-width:1090px){ font-size: 1rem; }