1
0
Fork 0

remove identifier, underline when click

This commit is contained in:
brooke 2024-09-13 00:59:06 -04:00
parent 0b5ae2f278
commit 353320530e
3 changed files with 4 additions and 7 deletions

View file

@ -4,8 +4,7 @@ theme: mir
menus:
main:
- identifier: contact
name: Contact
- name: Contact
url: /contact/
weight: 1
disableKinds:

View file

@ -5,11 +5,9 @@
alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
<nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
{{ range .Site.Menus.main }}
<a class="relative inline-block p-2 -translate-y-2 uppercase text-lg font-semibold py-2 text-gray-900 overflow-hidden group" href="{{ .URL }}"
aria-label="{{ .Identifier }}">
<a class="active:underline decoration-2 focus:underline uppercase text-lg font-semibold text-gray-900 overflow-hidden group"
href="{{ .URL }}">
{{ $text := print .Name | safeHTML }} {{ $text }}
<span
class="absolute inset-0 h-7 translate-y-3 bg-[#d8e2f3] transition-transform duration-300 transform -translate-x-full group-hover:translate-x-0 z-[-1]"></span>
</a>
{{ end }}
</nav>

File diff suppressed because one or more lines are too long