diff --git a/resources/css/layout/nav.css b/resources/css/layout/nav.css index 60e4fd3..54d2093 100644 --- a/resources/css/layout/nav.css +++ b/resources/css/layout/nav.css @@ -9,6 +9,10 @@ 2xl:px-32 my-0; + a { + @apply text-white; + } + nav#primary-menu-nav { @apply max-w-screen-2xl w-full mx-auto; } @@ -30,9 +34,7 @@ gap-x-2 lg:gap-x-4 xl:gap-x-8 - pr-0 - lg:pr-4 - xl:pr-24; + pr-0; } /* Highlight using list element */ @@ -55,7 +57,7 @@ @apply cursor-pointer underline underline-offset-8 - text-secondary; + text-white; } a:focus { text-decoration: none; @@ -91,6 +93,13 @@ transform: rotate(180deg); } } + + li.menu-item.has-page-icon { + @apply flex flex-col items-center justify-end gap-3; + .page_icon { + @apply w-5 h-5 object-contain object-center; + } + } li.menu-item.menu-item-has-children:hover { @screen lg { .menu-item-submenu-toggle:after { @@ -135,6 +144,19 @@ } } } +.secondary-menu-container { + @apply bg-primary flex justify-between items-center px-8 + 2xl:px-32; + a { + @apply text-white; + } + + .secondary-menu-nav { + ul { + @apply flex justify-between gap-4; + } + } +} button#burger-menu-toggle { @apply lg:hidden absolute