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

footer css

This commit is contained in:
ouidade 2024-07-10 17:34:21 +02:00
parent 1a3e5ccedd
commit 42ed41d524
2 changed files with 41 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -539,7 +539,8 @@ footer {
} }
} }
.footer #footer-left .footer_left_container { .footer #footer-left .footer_left_container {
padding-left: 5%; padding: 1rem;
padding-left: 3rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
@ -557,32 +558,19 @@ footer {
} }
} }
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau {
height: 320px; height: fit-content;
margin: auto;
padding-left: 2rem;
} }
@media (max-width: 700px) { .footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau { width: auto;
height: 110px; height: 65px;
} padding-left: 1rem;
} }
.footer #footer-left .footer_left_container img { .footer #footer-left .footer_left_container img {
width: auto; width: auto;
height: 150px; height: 150px;
} }
@media (max-width: 700px) {
.footer #footer-left .footer_left_container img {
height: 110px;
}
}
@media (max-width: 660px) {
.footer #footer-left .footer_left_container img {
height: 70px;
}
}
@media (max-width: 450px) {
.footer #footer-left .footer_left_container img {
height: 50px;
}
}
.footer #footer-middle { .footer #footer-middle {
grid-column: 6/span 7; grid-column: 6/span 7;
grid-row: 1; grid-row: 1;

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

@ -56,7 +56,9 @@ footer{
max-width: 25%; max-width: 25%;
} }
.footer_left_container{ .footer_left_container{
padding-left: 5%;
padding: 1rem;
padding-left: 3rem;
.logo-qdd{display: none;} .logo-qdd{display: none;}
@media(max-width: 700px){ @media(max-width: 700px){
max-width: 50vw; max-width: 50vw;
@ -68,10 +70,12 @@ footer{
flex-direction: row; flex-direction: row;
#block-quartiers-de-demain-logoepau{ #block-quartiers-de-demain-logoepau{
height: $header-height; height: fit-content;
@media(max-width: 700px){ margin: auto;
height: $header-height-pad; padding-left: 2rem;
} // @media(max-width: 700px){
// height: $header-height-pad;
// }
// > div { // > div {
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
@ -91,19 +95,33 @@ footer{
// } // }
// } // }
// } // }
img{
width: auto;
height: 65px;
padding-left: 1rem;
// @media(max-width: 700px){
// height: $header-height-pad;
// }
// @media(max-width: 660px){
// height: $header-height-small;
// }
// @media(max-width: 450px){
// height: $header-height-ultrasmall;
// }
}
} }
img{ img{
width: auto; width: auto;
height: 150px; height: 150px;
@media(max-width: 700px){ // @media(max-width: 700px){
height: $header-height-pad; // height: $header-height-pad;
} // }
@media(max-width: 660px){ // @media(max-width: 660px){
height: $header-height-small; // height: $header-height-small;
} // }
@media(max-width: 450px){ // @media(max-width: 450px){
height: $header-height-ultrasmall; // height: $header-height-ultrasmall;
} // }
} }
} }