fix: hover state bug on mobile
This commit is contained in:
parent
20de567e7e
commit
afe81f2bbb
1 changed files with 9 additions and 3 deletions
|
@ -212,9 +212,7 @@
|
|||
--navigation-width: calc(
|
||||
var(--navigation-size) + env(safe-area-inset-left)
|
||||
);
|
||||
--navigation-width-expanded: calc(
|
||||
var(--navigation-size) * 3.75 + env(safe-area-inset-left)
|
||||
);
|
||||
--navigation-width-expanded: var(--navigation-width);
|
||||
|
||||
--navigation-link-display: block;
|
||||
--navigation-link-flex: 0 0 --navigation-size;
|
||||
|
@ -255,3 +253,11 @@
|
|||
--font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (hover: hover) {
|
||||
:root {
|
||||
--navigation-width-expanded: calc(
|
||||
var(--navigation-size) * 3.75 + env(safe-area-inset-left)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue