64 lines
1.2 KiB
CSS
64 lines
1.2 KiB
CSS
.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;
|
|
}
|
|
}
|
|
}
|