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

Compare commits

base: bachir:f4f1ba7af08aec26a3dd489069621e594f99a4f4
Branches Tags
bachir:master
bachir:stage
bachir:prod
bachir:prd
..
compare: bachir:fc14bd11d52c7698dad06f43fc8f705e813452d0
Branches Tags
bachir:master
bachir:stage
bachir:prod
bachir:prd

2 Commits
f4f1ba7af0 ... fc14bd11d5

Author SHA1 Message Date
ouidade fc14bd11d5 css timeline 2024-09-20 15:19:36 +02:00
ouidade 912964a61a reseaux sociaux 2024-09-20 14:06:45 +02:00
3 changed files with 25 additions and 15 deletions
Show Stats Expand all files Collapse all files

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

@ -638,6 +638,7 @@ footer {
}
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks {
display: none;
flex-direction: column;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2 {
@ -1140,6 +1141,7 @@ footer {
width: fit-content;
margin: auto;
margin-top: 0;
margin-bottom: 8rem;
padding-bottom: 2rem;
}
@media (max-width: 1090px) {
@ -1147,6 +1149,9 @@ footer {
margin-bottom: 9rem;
}
}
#home .timeline .__timeline-arrows #arrowPrev {
padding-inline: 0;
}
#home .timeline .__timeline-arrows button {
background-color: transparent;
border: none;
@ -1170,7 +1175,7 @@ footer {
#home .timeline .__timeline-content .__paragraphs {
position: relative;
display: inline-flex;
width: 700px;
width: 500px;
height: 1px;
background: black;
}
@ -1202,7 +1207,7 @@ footer {
left: -18px;
top: -16px;
transform: translateY(-100%);
width: 600px;
width: 400px;
height: 300px;
font-size: 1rem;
white-space: normal;
@ -1291,8 +1296,7 @@ footer {
border-radius: 5%;
padding: 0.6rem 0.6rem;
line-height: 1.1;
width: fit-content;
min-width: 35%;
width: 50%;
}
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text {
@ -1301,8 +1305,8 @@ footer {
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
font-size: 0.6rem;
font-weight: 800;
font-size: 0.8rem;
font-family: "gilroy-semibold";
}
@media (max-width: 1090px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_titre {
@ -1313,7 +1317,7 @@ footer {
font-family: "gilroy-regular";
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .text .field_field_description p {
font-size: 0.6rem !important;
font-size: 0.8rem !important;
margin: 0;
}
@media (max-width: 1090px) {

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/footer.scss
View File

@ -117,7 +117,7 @@ footer{
max-width: 50%;
}
#block-quartiers-de-demain-socialmedialinks{
// display: none;
display: none;
flex-direction: column;
h2{
display: flex;

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

@ -40,16 +40,21 @@
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;
}
@ -71,7 +76,7 @@
.__paragraphs{
position: relative;
display: inline-flex;
width: 700px;
width: 500px;
height: 1px;
background: black;
// &:last-of-type{
@ -108,7 +113,7 @@
left: -18px;
top: -16px;
transform: translateY(-100%);
width: 600px;
width: 400px;
height: 300px;
font-size: 1rem;
white-space: normal;
@ -207,15 +212,16 @@
border-radius: 5%;
padding: 0.6rem 0.6rem;
line-height: 1.1;
width: fit-content;
min-width: 35%;
width: 50%;
// min-width: fit-content;
@media(max-width:1090px){
height: 200px;
min-width: 80%;
}
.field_field_titre{
font-size: 0.6rem;
font-weight: 800;
font-size: 0.8rem;
font-family: 'gilroy-semibold';
// font-weight: 800;
@media(max-width:1090px){
font-size: 1rem;
}
@ -223,7 +229,7 @@
.field_field_description{
font-family: 'gilroy-regular';
p{
font-size: 0.6rem !important;
font-size: 0.8rem !important;
margin: 0;
@media(max-width:1090px){
font-size: 1rem !important;