feat: remove hover media query from SiteNavigation
This commit is contained in:
parent
d4b12bc9ba
commit
782046efa6
1 changed files with 3 additions and 9 deletions
|
@ -41,16 +41,10 @@ import { RouterLink } from "vue-router";
|
||||||
transition: 0.4s;
|
transition: 0.4s;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
@media (hover: hover) {
|
|
||||||
&:hover {
|
&:hover {
|
||||||
width: var(--navigation-width-expanded);
|
width: var(--navigation-width-expanded);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover &__link-text {
|
|
||||||
display: var(--navigation-link-display-hover);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&__list {
|
&__list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: var(--navigation-flow);
|
flex-flow: var(--navigation-flow);
|
||||||
|
@ -118,7 +112,7 @@ import { RouterLink } from "vue-router";
|
||||||
}
|
}
|
||||||
|
|
||||||
&__link-text {
|
&__link-text {
|
||||||
display: none;
|
display: var(--navigation-link-display);
|
||||||
font-size: var(--navigation-link-text-font-size);
|
font-size: var(--navigation-link-text-font-size);
|
||||||
margin: 0 0 0 1rem;
|
margin: 0 0 0 1rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue