Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-06-18 20:13:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix menu item margin

Browse Source 
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
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/scss/partials/menu.scss
View File

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