Remove link component, use @apply

assets/js/components/Navbar.vue

@@ -20,7 +20,7 @@
         <a
           v-for="item in navItems"
           :href="item.href"
-          class="block 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 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)),
           }"

assets/sass/app.sass

@@ -10,7 +10,6 @@
 
 @import 'components/blockquote'
 @import 'components/button'
-@import 'components/link'
 @import 'components/listing'
 @import 'components/markdown'
 @import 'components/note'

assets/sass/base/base.sass

@@ -1,17 +1,16 @@
 a
-  color: inherit
+  @apply text-blue no-underline
-  text-decoration: none
 
   &:focus,
   &:hover
-    text-decoration: underline
+    @apply underline
 
 main a
-  text-decoration: underline
+  @apply underline
 
   &:focus,
   &:hover
-    text-decoration: none
+    @apply no-underline
 
 h1, h2, h3
   @apply mb-2

assets/sass/components/link.sass

@@ -1,2 +0,0 @@
-.link
-  @apply text-blue

assets/sass/components/markdown.sass

@@ -7,9 +7,6 @@
 
   p,
   li
-    a
-      @apply link
-
     code
       @apply bg-grey-lighter inline-block font-mono text-sm px-1 py-px border border-grey-light