js & css header

This commit is contained in:
2024-02-28 11:08:13 +01:00
parent acf5638ebd
commit 95d1071547
3 changed files with 20 additions and 45 deletions

View File

@@ -64,8 +64,8 @@ header{
.header_nav_container{
display: none;
// display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
// grid-template-columns: repeat(12, 1fr);
// grid-gap: 10px;
grid-row: 3;
grid-column: 1 /span 12;
@@ -88,13 +88,16 @@ header{
display: none;
}
}
.close-block{
order: 1;
}
}
.close-block, .open-block, .open-block.opened{
.display-nav-opened{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
}
.open-block, .open-block.opened{
cursor:pointer;
span{
display: block;
@@ -106,28 +109,6 @@ header{
z-index: 1;
}
}
// .close-block{
// order: 1;
// grid-column: 12;
// display: none;
// margin: auto;
// span{
// transform-origin: center;
// }
// &>div>span:first-child{
// transform: translateY(57%)rotate(45deg);
// }
// &>div>span:nth-child(2){
// transform: rotate(-45deg);
// }
// // @include breakpoint(small down) {
// // position: absolute;
// // top: 1rem;
// // right: 1rem;
// // }
// }
.open-block{
height: 100%;
display: grid;