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

mediq queries footer

This commit is contained in:
ouidade 2024-03-04 11:34:58 +01:00
parent 32be3a1730
commit ed00366bc4
3 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

@ -166,7 +166,7 @@ header {
@media (max-width: 660px) { @media (max-width: 660px) {
header { header {
height: 70px; } } height: 70px; } }
@media (max-width: 660px) { @media (max-width: 450px) {
header { header {
display: flex; display: flex;
height: 50px; } } height: 50px; } }
@ -203,7 +203,7 @@ header {
@media (max-width: 660px) { @media (max-width: 660px) {
header .header_left_container img { header .header_left_container img {
height: 70px; } } height: 70px; } }
@media (max-width: 660px) { @media (max-width: 450px) {
header .header_left_container img { header .header_left_container img {
height: 50px; } } height: 50px; } }
header .header_right_container { header .header_right_container {
@ -262,7 +262,7 @@ header {
display: grid; display: grid;
align-items: center; align-items: center;
margin: auto; } margin: auto; }
@media (max-width: 660px) { @media (max-width: 450px) {
header .open-block { header .open-block {
height: 50px; } } height: 50px; } }
header .open-block span { header .open-block span {
@ -299,6 +299,9 @@ header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; } } justify-content: space-between; } }
@media (max-width: 600px) {
.footer {
flex-wrap: nowrap; } }
.footer #footer-left { .footer #footer-left {
grid-column: 1 /span 5; grid-column: 1 /span 5;
grid-row: 1; grid-row: 1;
@ -317,6 +320,12 @@ header {
@media (max-width: 891px) { @media (max-width: 891px) {
.footer #footer-left .footer_left_container img { .footer #footer-left .footer_left_container img {
height: 110px; } } 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; }

9
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
View File

@ -12,6 +12,9 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
} }
@media(max-width: 600px){
flex-wrap: nowrap;
}
#footer-left{ #footer-left{
@ -36,6 +39,12 @@
@media(max-width: 891px){ @media(max-width: 891px){
height: $header-height-pad; height: $header-height-pad;
} }
@media(max-width: 660px){
height: $header-height-small;
}
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
} }
} }

6
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@ -20,7 +20,7 @@ header{
@media(max-width: 660px){ @media(max-width: 660px){
height: $header-height-small; height: $header-height-small;
} }
@media(max-width: 660px){ @media(max-width: 450px){
display: flex; display: flex;
height: $header-height-ultrasmall; height: $header-height-ultrasmall;
} }
@ -64,7 +64,7 @@ header{
@media(max-width: 660px){ @media(max-width: 660px){
height: $header-height-small; height: $header-height-small;
} }
@media(max-width: 660px){ @media(max-width: 450px){
height: $header-height-ultrasmall; height: $header-height-ultrasmall;
} }
} }
@ -149,7 +149,7 @@ header{
display: grid; display: grid;
align-items: center; align-items: center;
margin: auto; margin: auto;
@media(max-width: 660px){ @media(max-width: 450px){
height: $header-height-ultrasmall; height: $header-height-ultrasmall;
} }
span{ span{