fix menu item margin

switch to flexbox gap
This commit is contained in:
Jimmy Cai 2022-02-27 09:48:10 +00:00 committed by GitHub
parent 0ac8af4639
commit 759fabb73a

View File

@ -125,7 +125,6 @@
.menu {
padding-left: 0;
list-style: none;
display: flex;
flex-direction: column;
overflow-y: auto;
flex-grow: 1;
@ -138,8 +137,17 @@
margin: 0 -15px;
&,
.menu-bottom-section {
gap: 15px;
@include respond(xl) {
margin-top: 30px;
gap: 20px;
}
}
&.show {
display: block;
display: flex;
}
@include respond(md) {
@ -161,14 +169,6 @@
vertical-align: middle;
padding: 10px 30px;
&:not(:last-of-type) {
margin-bottom: 15px;
@include respond(xl) {
margin-bottom: 20px;
}
}
@include respond(md) {
width: 100%;
padding: 10px 0;