{{-- Extra padding and negative margin added so hover scale effect isn't clipped --}}
<li class="overflow-hidden pl-4 -ml-4">
<div x-show="menuOpen"
- @click.prevent="menuOpen = false; setTimeout(() => window.location = $event.target.href, 200);"
class="py-8
transition transform ease-out-quint"
style="transition-delay: {{ 250 + (50 * $loop->index) }}ms"
x-transition:leave-end="translate-y-[100px]">
<x-link
href="{{ $link }}"
+ @click.prevent="menuOpen = false; setTimeout(() => window.location = $event.target.href, 200);"
class="inline-block text-current
transform origin-bottom-left
transition-transform duration-200