responsive burger

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

File diff suppressed because one or more lines are too long

View File

@ -173,46 +173,52 @@
max-height: 4.5rem;
width: auto;
}
}
.header_top_left_container{
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
text-align: center;
column-gap: 10px;
&>div[id='']{
height: 100%;
font-size: 0;
#header-top-left{
max-height: 100% !important;
.header_top_left_container{
max-height: 100% !important;
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
text-align: center;
column-gap: 10px;
&>div[id='']{
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%;
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{
img{
max-width: 5rem;
img{
max-width: 5rem;
}
}
}
}
.header_bottom_container{
height: 100%;
// solution to access views container
@ -282,9 +288,12 @@
background: black;
border-radius: 3px;
z-index: 1;
@include breakpoint(small down) {
@include breakpoint(medium down) {
width: 36px;
}
@include breakpoint(small down) {
width: 25px;
}
}
}
.close-block{
@ -315,9 +324,12 @@
span{
margin-bottom: 12px;
transform-origin: 4px 0px;
@include breakpoint(small down) {
@include breakpoint(medium down) {
margin-bottom: 8px;
}
@include breakpoint(small down) {
margin-bottom: 5px;
}
}
}