57 lines
718 B
SCSS
57 lines
718 B
SCSS
:host{
|
|
width: 100%;
|
|
|
|
.header{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
|
|
.main-menu-hamburger, .main-menu-close{
|
|
display: none;
|
|
}
|
|
|
|
.grid-menu{
|
|
|
|
}
|
|
|
|
.main-menu{
|
|
|
|
flex-grow: 1;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 1048px){
|
|
:host{
|
|
|
|
.header{
|
|
|
|
.main-menu{
|
|
|
|
.main-menu-hamburger{
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
.main-menu-btns{
|
|
>:not(:nth-child(3)){
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.grid-menu{
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
} |