navbar.scss

nav.navbar {
    height: 70px !important;
    position: absolute;
    top: 0;
    width: 100vw;
    margin-bottom: 3em;
    z-index: 100;
}
.navbar-menu {
    font-weight: 900;
}
.navbar-item,
.navbar-link {
    padding: 0.75rem;
    font-size: 0.8rem;
}
a.navbar-item:hover, a.navbar-item.is-active, a.navbar-link:hover, a.navbar-link.is-active {
    @apply bg-blue-500;
}
.navbar-dropdown a.navbar-item:hover {
    color: #0a0a0a !important;
}
.navbar-item.is-active {
    color: #0a0a0a !important;
    -webkit-transform: none !important;
}
.navbar--link > a {
    @apply text-white text-sm font-medium no-underline cursor-pointer;
}
.navbar--link > a.router-link-active {
    @apply border-b-2 border-white;
}
.navbar--link > a:hover {
    @apply text-blue-900 underline;
}

.nav-sublink {
    @apply block px-2 py-2 text-sm text-grey-800;
}
.nav-sub-divider {
    @apply block px-4 py-2 text-grey-800 text-center;
}
.nav-sublink:hover {
    @apply text-white bg-blue-500;
}
.nav-no-link {
    @apply no-underline block p-1 border-b text-sm text-white bg-blue-500 text-center;
}