remove identifier, underline when click
This commit is contained in:
parent
0b5ae2f278
commit
353320530e
3 changed files with 4 additions and 7 deletions
|
@ -4,8 +4,7 @@ theme: mir
|
||||||
|
|
||||||
menus:
|
menus:
|
||||||
main:
|
main:
|
||||||
- identifier: contact
|
- name: Contact
|
||||||
name: Contact
|
|
||||||
url: /contact/
|
url: /contact/
|
||||||
weight: 1
|
weight: 1
|
||||||
disableKinds:
|
disableKinds:
|
||||||
|
|
|
@ -5,11 +5,9 @@
|
||||||
alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
|
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">
|
<nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
|
||||||
{{ range .Site.Menus.main }}
|
{{ 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 }}"
|
<a class="active:underline decoration-2 focus:underline uppercase text-lg font-semibold text-gray-900 overflow-hidden group"
|
||||||
aria-label="{{ .Identifier }}">
|
href="{{ .URL }}">
|
||||||
{{ $text := print .Name | safeHTML }} {{ $text }}
|
{{ $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>
|
</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</nav>
|
</nav>
|
||||||
|
|
2
themes/mir/static/css/tailwind.min.css
vendored
2
themes/mir/static/css/tailwind.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue