responsive burger
This commit is contained in:
parent
ab75f92224
commit
e100f72f88
File diff suppressed because one or more lines are too long
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user