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 <a
v-for="item in navItems" v-for="item in navItems"
:href="item.href" :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="{ :class="{
'border-blue hover:border-blue': pageUrl.match(new RegExp(item.pattern)), 'border-blue hover:border-blue': pageUrl.match(new RegExp(item.pattern)),
}" }"

View file

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

View file

@ -24,7 +24,7 @@
<link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}"> <link rel="icon" href="{{ site.favicon.url }}?s={{ size }}" sizes="{{ size }}x{{ size }}">
{% endfor %} {% endfor %}
</head> </head>
<body class="font-sans leading-normal"> <body class="font-sans text-grey-darkest leading-normal">
<div id="app" v-cloak> <div id="app" v-cloak>
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div> </div>

View file

@ -4,7 +4,7 @@
{% include 'layout/navbar' %} {% include 'layout/navbar' %}
<div class="container mx-auto px-4"> <div class="container mx-auto px-4">
<div class="text-grey-darkest md:flex -mx-4"> <div class="md:flex -mx-4">
<main class="md:w-2/3 lg:w-3/4 px-4 mb-8 lg:mb-0"> <main class="md:w-2/3 lg:w-3/4 px-4 mb-8 lg:mb-0">
{% block page_title %} {% block page_title %}
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>