From 616778609a68fc9483895a4d2d571e283f2eff02 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 10 Mar 2019 00:34:21 +0000
Subject: [PATCH] Use PostCSS intead of Sass

---
 src/components/Welcome.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
index 0dfd3c0..dd7a7ce 100644
--- a/src/components/Welcome.vue
+++ b/src/components/Welcome.vue
@@ -105,25 +105,31 @@ export default {
 }
 </script>
 
-<style lang="sass">
-#header a
-  @apply text-white no-underline
+<style type="postcss">
+#header a {
+  @apply text-white no-underline;
 
   &:hover,
-  &:focus
+  &:focus {
     @apply underline
+  }
+}
 
-#main a
-  @apply text-blue-dark no-underline border-b border-blue border-dotted
+#main a {
+  @apply text-blue-dark no-underline border-b border-blue border-dotted;
 
   &:hover,
-  &:focus
+  &:focus {
     @apply text-blue border-solid
+  }
+}
 
-#footer a
-  @apply text-white no-underline border-b border-dotted border-white
+#footer a {
+  @apply text-white no-underline border-b border-dotted border-white;
 
   &:hover,
-  &:focus
+  &:focus {
     @apply border-none
+  }
+}
 </style>