Update link, text styling

This commit is contained in:
Oliver Davies 2018-12-19 20:26:17 +00:00
parent 2d7496ce80
commit ca612a276f
4 changed files with 7 additions and 4 deletions

View file

@ -20,7 +20,7 @@
<a
v-for="item in navItems"
:href="item.href"
class="block text-black p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline"
class="block text-black focus:text-white focus:no-underline focus-within:bg-blue p-4 border-l-3 sm:border-l-0 sm:border-b-3 border-transparent hover:border-grey-light sm:ml-4 sm:mr-0 sm:p-0 hover:no-underline"
:class="{
'border-blue hover:border-blue': pageUrl.match(new RegExp(item.pattern)),
}"

View file

@ -12,8 +12,11 @@ main a
&:hover
@apply no-underline
&:focus
@apply text-white bg-blue outline-none px-px -mx-px
h1, h2, h3
@apply mb-2
@apply text-black mb-2
.content h2,
.content h3