bachir
/
drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css timeline reset

This commit is contained in:
ouidade 2024-09-20 15:27:43 +02:00
parent 44dfca5d86
commit af40263bbf
2 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -1141,7 +1141,6 @@ footer {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
margin-top: 0; margin-top: 0;
margin-bottom: 8rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
@ -1149,9 +1148,6 @@ footer {
margin-bottom: 9rem; margin-bottom: 9rem;
} }
} }
#home .timeline .__timeline-arrows #arrowPrev {
padding-inline: 0;
}
#home .timeline .__timeline-arrows button { #home .timeline .__timeline-arrows button {
background-color: transparent; background-color: transparent;
border: none; border: none;
@ -1207,7 +1203,7 @@ footer {
left: -18px; left: -18px;
top: -16px; top: -16px;
transform: translateY(-100%); transform: translateY(-100%);
width: 400px; width: 600px;
height: 300px; height: 300px;
font-size: 1rem; font-size: 1rem;
white-space: normal; white-space: normal;
@ -1296,7 +1292,8 @@ footer {
border-radius: 5%; border-radius: 5%;
padding: 0.6rem 0.6rem; padding: 0.6rem 0.6rem;
line-height: 1.1; line-height: 1.1;
width: 35%; width: fit-content;
min-width: 35%;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text { #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 { #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.6rem; font-size: 0.6rem;
font-family: "gilroy-semibold"; font-weight: 800;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre { #home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {

14
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@ -40,21 +40,16 @@
width: fit-content; width: fit-content;
margin: auto; margin: auto;
margin-top: 0; margin-top: 0;
margin-bottom: 8rem;
padding-bottom: 2rem; padding-bottom: 2rem;
@media(max-width:1090px){ @media(max-width:1090px){
// top: -211px; // top: -211px;
// display: none; // display: none;
margin-bottom: 9rem; margin-bottom: 9rem;
} }
#arrowPrev{
padding-inline: 0;
}
button{ button{
background-color: transparent; background-color: transparent;
border: none; border: none;
padding-left: 1rem; padding-left: 1rem;
&:hover{ &:hover{
opacity: 0.5; opacity: 0.5;
} }
@ -113,7 +108,7 @@
left: -18px; left: -18px;
top: -16px; top: -16px;
transform: translateY(-100%); transform: translateY(-100%);
width: 400px; width: 600px;
height: 300px; height: 300px;
font-size: 1rem; font-size: 1rem;
white-space: normal; white-space: normal;
@ -212,16 +207,15 @@
border-radius: 5%; border-radius: 5%;
padding: 0.6rem 0.6rem; padding: 0.6rem 0.6rem;
line-height: 1.1; line-height: 1.1;
width: 35%; width: fit-content;
// min-width: fit-content; min-width: 35%;
@media(max-width:1090px){ @media(max-width:1090px){
height: 200px; height: 200px;
min-width: 80%; min-width: 80%;
} }
.field_field_titre{ .field_field_titre{
font-size: 0.6rem; font-size: 0.6rem;
font-family: 'gilroy-semibold'; font-weight: 800;
// font-weight: 800;
@media(max-width:1090px){ @media(max-width:1090px){
font-size: 1rem; font-size: 1rem;
} }