.nav { @apply .flex; a { @apply .py-6 .px-6 .text-white .no-underline; &:hover { @apply .bg-blue-dark; } &.router-link-active { @apply .bg-blue-dark; } &:last-child { @apply mr-0; } } } /*.nav { @apply .bg-blue; height: 48px; & > .logo { @apply .mx-8 .font-sans .font-thin .text-2xl .text-white .inline-block .pt-2; } & > .menu { @apply .float-right .mx-8 .inline-block; & > ul { @apply .list-reset; & > li { @apply .inline-block; & > a { @apply .block .h-full .no-underline .text-grey-lighter .font-light .text-sm; padding: 15px; &:hover { @apply .bg-blue-dark; } } } } } }*/ .sidenav { @apply .mb-2; a { @apply .block .py-3 .px-8 .text-grey-darkest .no-underline; &:hover { @apply .border-r-4 .border-blue-lightest; } &.router-link-exact-active { @apply .text-blue .border-r-4 .border-blue; } } }