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 21:25:34 +02:00
parent af40263bbf
commit 05ac125a77
2 changed files with 14 additions and 8 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

@ -1128,8 +1128,8 @@ footer {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 8rem; padding-bottom: 3rem;
height: 950px; height: 800px;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
#home .timeline { #home .timeline {
@ -1141,6 +1141,7 @@ footer {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
margin-top: 0; margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 2rem; padding-bottom: 2rem;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {
@ -1171,7 +1172,7 @@ footer {
#home .timeline .__timeline-content .__paragraphs { #home .timeline .__timeline-content .__paragraphs {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
width: 700px; width: 600px;
height: 1px; height: 1px;
background: black; background: black;
} }
@ -1222,6 +1223,8 @@ footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
margin-left: 0;
margin-right: 0;
align-items: flex-start; align-items: flex-start;
padding-right: 1rem; padding-right: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -1292,7 +1295,7 @@ 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: fit-content; width: 30%;
min-width: 35%; min-width: 35%;
} }
@media (max-width: 1090px) { @media (max-width: 1090px) {

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

@ -29,8 +29,8 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 8rem; padding-bottom: 3rem;
height: 950px; height: 800px;
@media(max-width:1090px){ @media(max-width:1090px){
// padding-top: 14rem; // padding-top: 14rem;
overflow: scroll; overflow: scroll;
@ -40,6 +40,7 @@
width: fit-content; width: fit-content;
margin: auto; margin: auto;
margin-top: 0; margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 2rem; padding-bottom: 2rem;
@media(max-width:1090px){ @media(max-width:1090px){
// top: -211px; // top: -211px;
@ -71,7 +72,7 @@
.__paragraphs{ .__paragraphs{
position: relative; position: relative;
display: inline-flex; display: inline-flex;
width: 700px; width: 600px;
height: 1px; height: 1px;
background: black; background: black;
// &:last-of-type{ // &:last-of-type{
@ -128,6 +129,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
margin-left: 0;
margin-right: 0;
align-items: flex-start; align-items: flex-start;
padding-right: 1rem; padding-right: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -207,7 +210,7 @@
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: fit-content; width: 30%;
min-width: 35%; min-width: 35%;
@media(max-width:1090px){ @media(max-width:1090px){
height: 200px; height: 200px;