Compare commits

...

3 Commits

Author SHA1 Message Date
ouidade f458c06753 css timeline 2024-09-20 21:29:04 +02:00
ouidade 085717b329 Merge branch 'master' of gitea-figureslibres.io:bachir/drupal-quartiersdedemain 2024-09-20 21:25:53 +02:00
ouidade 05ac125a77 css timeline reset 2024-09-20 21:25:34 +02:00
2 changed files with 17 additions and 10 deletions

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) {
@ -1303,7 +1306,7 @@ footer {
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.6rem;
font-weight: 800;
font-family: "gilroy-semibold";
}
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {

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;
@ -215,7 +218,8 @@
}
.field_field_titre{
font-size: 0.6rem;
font-weight: 800;
// font-weight: 800;
font-family: 'gilroy-semibold';
@media(max-width:1090px){
font-size: 1rem;
}