<a class="navbar-burger py-2 px-1 m-2 mt-6 bg-gray-200 rounded-sm text-center block lg:hidden" data-target="docsMenu">
	Show Menu
</a>

<aside class="px-2 text-gray-600 hidden lg:block" id="docsMenu">
	{{ $currentNode := . }}
	{{ range .Site.Menus.sidebar }}
		{{ if .HasChildren }}
		<p class="uppercase font-title pb-2 pt-4 text-sm text-gray-500">
			{{ .Pre }}
			{{ .Name }}
		</p>
		<ul>
			{{ range .Children }}
				<li>
					<a href="{{ .URL }}" class="px-2 py-1.5 block rounded-sm hover:bg-gray-200 {{ if $currentNode.IsMenuCurrent "sidebar" . }} !bg-primary text-white {{ end }}">
						{{ .Pre }}
						{{ .Name }}
					</a>
				</li>
			{{ end }}
		</ul>
		{{ end }}
	{{ end }}
</aside>
