<nav>
    <ul class="flex">
        {{ $currentPage := . }}
        {{ range .Site.Menus.main }}
        <li class="px-4">
            <a href="{{ .URL }}" class="font-medium uppercase text-almost-white underline hover:text-salmon{{ if $currentPage.IsMenuCurrent "main" . }} !text-salmon{{ end }}">
                {{ .Pre }}
                <span>{{ .Name }}</span>
            </a>
        </li>
        {{ end }}
    </ul>
</nav>