mirror of
https://github.com/CaiJimmy/hugo-theme-stack.git
synced 2025-04-29 20:13:31 +08:00
fix mobile menu style
This commit is contained in:
parent
f6f456168f
commit
20354c535d
@ -134,16 +134,20 @@
|
|||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
|
|
||||||
background-color: var(--card-background);
|
background-color: var(--card-background);
|
||||||
padding: 15px 0;
|
|
||||||
box-shadow: var(--shadow-l1);
|
box-shadow: var(--shadow-l1);
|
||||||
display: none;
|
display: none;
|
||||||
margin: 0 calc(var(--container-padding) * -1);
|
margin: 0 calc(var(--container-padding) * -1);
|
||||||
|
|
||||||
|
padding: 30px 30px;
|
||||||
|
@include respond(xl) {
|
||||||
|
padding: 15px 0;
|
||||||
|
}
|
||||||
|
|
||||||
&,
|
&,
|
||||||
.menu-bottom-section {
|
.menu-bottom-section {
|
||||||
gap: 20px;
|
gap: 30px;
|
||||||
@include respond(xl) {
|
@include respond(xl) {
|
||||||
gap: 25px;
|
gap: 25px;
|
||||||
}
|
}
|
||||||
@ -165,11 +169,10 @@
|
|||||||
li {
|
li {
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
padding: 0 15px;
|
padding: 0;
|
||||||
|
|
||||||
@include respond(md) {
|
@include respond(md) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
|
Loading…
Reference in New Issue
Block a user