Even more CSS

This commit is contained in:
Dane Everitt 2018-07-25 22:26:31 -07:00
parent 0310402202
commit 85abb89d2c
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
2 changed files with 19 additions and 11 deletions

View File

@ -1,7 +1,7 @@
.nav { .nav {
@apply fixed w-full flex bg-blue .font-sans; @apply .fixed .w-full .flex .bg-blue .font-sans .border-b .border-t .border-blue-darker .px-6 .text-sm;
height: $nav-height; height: 56px;
line-height: $nav-height; line-height: 54px;
z-index: 100; z-index: 100;
.sidebar-button { .sidebar-button {
@ -11,16 +11,16 @@
@apply text-white block h-6; @apply text-white block h-6;
} }
} }
.home-link { .home-link {
@apply px-6 text-white font-light; @apply .text-white .font-light;
.logo { .logo {
@apply h-full float-left; @apply .h-full .float-left;
} }
.site-name { .site-name {
@apply float-left pl-2 text-2xl; @apply .float-left .pl-2 .text-2xl;
} }
} }
@ -38,17 +38,21 @@
.nav-links { .nav-links {
.nav-link { .nav-link {
@apply block text-white px-2; @apply .text-grey-lighter .ml-6 .font-normal;
&:hover { &:hover {
@apply bg-blue-dark; @apply .no-underline .border-b-2 .border-grey-lighter .pb-1 .leading-normal;
} }
} }
@screen md { @screen md {
.nav-item > a:not(.external).router-link-active { .nav-item > a:not(.external).router-link-active {
box-shadow: inset 0 -4px 0 0 white; @apply .border-b-2 .border-grey-lighter .pb-1 .leading-normal;
&:hover {
@apply .no-underline;
}
} }
} }
} }
} }

View File

@ -8,6 +8,10 @@ a {
&:hover { &:hover {
@apply .underline; @apply .underline;
} }
&.external:hover {
@apply .no-underline;
}
} }
kbd { kbd {