bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive burger

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-04-17 12:22:03 +02:00
parent ab75f92224
commit e100f72f88
2 changed files with 50 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/popsu/assets/css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

86
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@ -173,46 +173,52 @@
max-height: 4.5rem; max-height: 4.5rem;
width: auto; width: auto;
} }
} #header-top-left{
max-height: 100% !important;
.header_top_left_container{ .header_top_left_container{
height: 100%; max-height: 100% !important;
display: grid; height: 100%;
grid-template-columns: 1fr 1fr 1fr; display: grid;
align-items: center; grid-template-columns: 1fr 1fr 1fr;
text-align: center; align-items: center;
column-gap: 10px; text-align: center;
&>div[id='']{ column-gap: 10px;
height: 100%; &>div[id='']{
font-size: 0; height: 100%;
font-size: 0;
}
width: 120%;
padding-bottom: 0.4rem;
a[rel~='home']{
//display: none;
height: 100%;
display: block;
font-size: 0;
color: transparent;
background: left / contain no-repeat url(../../images/logoPOPSU.png);
}
@include breakpoint(small down) {
grid-template-columns: 1fr 1fr;
}
}
} }
#header-top-middle{
display: flex;
align-items: center;
justify-content: end;
.header_top_middle_container{
width: 120%; img{
padding-bottom: 0.4rem; max-width: 5rem;
}
a[rel~='home']{
//display: none;
height: 100%;
display: block;
font-size: 0;
color: transparent;
background: left / contain no-repeat url(../../images/logoPOPSU.png);
}
@include breakpoint(small down) {
grid-template-columns: 1fr 1fr;
}
}
#header-top-middle{
display: flex;
align-items: center;
justify-content: end;
.header_top_middle_container{
img{
max-width: 5rem;
} }
} }
} }
.header_bottom_container{ .header_bottom_container{
height: 100%; height: 100%;
// solution to access views container // solution to access views container
@ -282,9 +288,12 @@
background: black; background: black;
border-radius: 3px; border-radius: 3px;
z-index: 1; z-index: 1;
@include breakpoint(small down) { @include breakpoint(medium down) {
width: 36px; width: 36px;
} }
@include breakpoint(small down) {
width: 25px;
}
} }
} }
.close-block{ .close-block{
@ -315,9 +324,12 @@
span{ span{
margin-bottom: 12px; margin-bottom: 12px;
transform-origin: 4px 0px; transform-origin: 4px 0px;
@include breakpoint(small down) { @include breakpoint(medium down) {
margin-bottom: 8px; margin-bottom: 8px;
} }
@include breakpoint(small down) {
margin-bottom: 5px;
}
} }
} }