Left menu is responsive
This commit is contained in:
@ -168,6 +168,10 @@
|
||||
&::before {
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -236,5 +240,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-menu-icon {
|
||||
display: none;
|
||||
|
||||
@include breakpoint(sm) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -188,4 +188,21 @@
|
||||
background-color: $color-213-13-86;
|
||||
}
|
||||
}
|
||||
|
||||
&.mobile-opened {
|
||||
@include breakpoint(sm) {
|
||||
bottom: 0;
|
||||
min-width: 80%;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&.mobile-closed {
|
||||
@include breakpoint(sm) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user