opdavies/oliverdavies.uk
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Update link, text styling

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/js/components/Navbar.vue
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)),
}"

5
assets/sass/base/base.sass
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

2
source/_layouts/base.html.twig
View file

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

2
source/_layouts/default.html.twig
View file

@ -4,7 +4,7 @@
{% include 'layout/navbar' %}
<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">
{% block page_title %}
<h1>{{ page.title }}</h1>