js & css header
This commit is contained in:
@@ -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;
|
||||
|
Reference in New Issue
Block a user