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 {
padding-left: 5%;
padding: 1rem;
padding-left: 3rem;
display: flex;
flex-direction: row;
}
@ -557,32 +558,19 @@ footer {
}
}
.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 {
height: 110px;
}
.footer #footer-left .footer_left_container #block-quartiers-de-demain-logoepau img {
width: auto;
height: 65px;
padding-left: 1rem;
}
.footer #footer-left .footer_left_container img {
width: auto;
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 {
grid-column: 6/span 7;
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%;
}
.footer_left_container{
padding-left: 5%;
padding: 1rem;
padding-left: 3rem;
.logo-qdd{display: none;}
@media(max-width: 700px){
max-width: 50vw;
@ -68,10 +70,12 @@ footer{
flex-direction: row;
#block-quartiers-de-demain-logoepau{
height: $header-height;
@media(max-width: 700px){
height: $header-height-pad;
}
height: fit-content;
margin: auto;
padding-left: 2rem;
// @media(max-width: 700px){
// height: $header-height-pad;
// }
// > div {
// width: 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{
width: auto;
height: 150px;
@media(max-width: 700px){
height: $header-height-pad;
}
@media(max-width: 660px){
height: $header-height-small;
}
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
// @media(max-width: 700px){
// height: $header-height-pad;
// }
// @media(max-width: 660px){
// height: $header-height-small;
// }
// @media(max-width: 450px){
// height: $header-height-ultrasmall;
// }
}
}