nuxt-link home url exact match, others not
This commit is contained in:
parent
79426f90e9
commit
34f15db58f
|
@ -27,6 +27,7 @@
|
||||||
</div>
|
</div>
|
||||||
<nuxt-link class="site-nav__link"
|
<nuxt-link class="site-nav__link"
|
||||||
:to="item.to"
|
:to="item.to"
|
||||||
|
:exact="item.to === '/'"
|
||||||
>
|
>
|
||||||
{{ item.text }}
|
{{ item.text }}
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
|
@ -344,7 +345,7 @@ $transition-timing: .5s;
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.nuxt-link-exact-active {
|
&.nuxt-link-active {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
color: $color__neutral-900;
|
color: $color__neutral-900;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -374,7 +375,7 @@ $transition-timing: .5s;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.nuxt-link-exact-active::before {
|
&.nuxt-link-active::before {
|
||||||
transition: opacity 1s .5s;
|
transition: opacity 1s .5s;
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue