Add skip to main content link

Fixes 
This commit is contained in:
Oliver Davies 2018-12-20 00:32:16 +00:00
parent afa5dfdb86
commit 82bcc8bb4c
4 changed files with 16 additions and 1 deletions

View file

@ -1,5 +1,7 @@
<template>
<div id="app">
<a href="#0" class="skip-link text-white bg-black-60 py-1 px-2 rounded-b-lg focus:no-underline focus:outline-none">Skip to main content</a>
<Welcome title="Rebuilding Bartik"/>
</div>
</template>
@ -18,5 +20,10 @@ export default {
<style lang="sass">
@tailwind preflight
@tailwind components
.skip-link:focus
left: 50%
transform: translateX(-50%)
@tailwind utilities
</style>