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

css timeline reset

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-09-20 21:25:34 +02:00
parent af40263bbf
commit 05ac125a77
2 changed files with 14 additions and 8 deletions
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;
overflow: hidden;
padding-top: 2rem;
padding-bottom: 8rem;
height: 950px;
padding-bottom: 3rem;
height: 800px;
}
@media (max-width: 1090px) {
#home .timeline {
@@ -1141,6 +1141,7 @@ footer {
width: fit-content;
margin: auto;
margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 2rem;
}
@media (max-width: 1090px) {
@@ -1171,7 +1172,7 @@ footer {
#home .timeline .__timeline-content .__paragraphs {
position: relative;
display: inline-flex;
width: 700px;
width: 600px;
height: 1px;
background: black;
}
@@ -1222,6 +1223,8 @@ footer {
display: flex;
flex-direction: column;
margin: auto;
margin-left: 0;
margin-right: 0;
align-items: flex-start;
padding-right: 1rem;
margin-bottom: 1rem;
@@ -1292,7 +1295,7 @@ footer {
border-radius: 5%;
padding: 0.6rem 0.6rem;
line-height: 1.1;
width: fit-content;
width: 30%;
min-width: 35%;
}
@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;
overflow: hidden;
padding-top: 2rem;
padding-bottom: 8rem;
height: 950px;
padding-bottom: 3rem;
height: 800px;
@media(max-width:1090px){
// padding-top: 14rem;
overflow: scroll;
@@ -40,6 +40,7 @@
width: fit-content;
margin: auto;
margin-top: 0;
margin-bottom: 4rem;
padding-bottom: 2rem;
@media(max-width:1090px){
// top: -211px;
@@ -71,7 +72,7 @@
.__paragraphs{
position: relative;
display: inline-flex;
width: 700px;
width: 600px;
height: 1px;
background: black;
// &:last-of-type{
@@ -128,6 +129,8 @@
display: flex;
flex-direction: column;
margin: auto;
margin-left: 0;
margin-right: 0;
align-items: flex-start;
padding-right: 1rem;
margin-bottom: 1rem;
@@ -207,7 +210,7 @@
border-radius: 5%;
padding: 0.6rem 0.6rem;
line-height: 1.1;
width: fit-content;
width: 30%;
min-width: 35%;
@media(max-width:1090px){
height: 200px;