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

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

@ -8,9 +8,12 @@
h2, ul{margin: 0;}
border-top: 1px solid #808080;
@media(max-width: 891px){
display: flex;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media(max-width: 600px){
flex-wrap: nowrap;
}
@ -36,6 +39,12 @@
@media(max-width: 891px){
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){
height: $header-height-small;
}
@media(max-width: 660px){
@media(max-width: 450px){
display: flex;
height: $header-height-ultrasmall;
}
@ -64,7 +64,7 @@ header{
@media(max-width: 660px){
height: $header-height-small;
}
@media(max-width: 660px){
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
}
@ -149,7 +149,7 @@ header{
display: grid;
align-items: center;
margin: auto;
@media(max-width: 660px){
@media(max-width: 450px){
height: $header-height-ultrasmall;
}
span{