Use utilities for menu and menu items

This commit is contained in:
Oliver Davies 2019-05-02 21:21:36 +01:00
parent 544c5e9276
commit 1dd7718a38

View file

@ -8,10 +8,10 @@
<nav role="navigation" aria-labelledby="block-dcb2017-main-menu-menu" id="block-dcb2017-main-menu" class="block block-menu navigation menu--main"> <nav role="navigation" aria-labelledby="block-dcb2017-main-menu-menu" id="block-dcb2017-main-menu" class="block block-menu navigation menu--main">
<h2 class="visually-hidden" id="block-dcb2017-main-menu-menu">Main navigation</h2> <h2 class="visually-hidden" id="block-dcb2017-main-menu-menu">Main navigation</h2>
<ul class="menu"> <ul class="tw-list-reset tw-flex tw-flex-wrap tw-justify-center tw--ml-8">
<li class="menu-item"><a href="{{ site.eventbrite.url }}">Tickets</a></li> <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8"><a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="{{ site.eventbrite.url }}">Tickets</a></li>
<li class="menu-item"><a href="{{ site.papercall.url }}">Submit a session</a></li> <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8"><a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="{{ site.papercall.url }}">Submit a session</a></li>
<li class="menu-item"><a href="/sponsor-us">Sponsor us</a></li> <li class="tw-mb-2 tw-mx-4 md:tw-m-0 md:tw-ml-8"><a class="tw-uppercase tw-text-black tw-no-underline hocus:tw-text-green-600" href="/sponsor-us">Sponsor us</a></li>
</ul> </ul>
</nav> </nav>
</div> </div>