From 51d8fabf2d847c78259a223f9c36714561631227 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 7 May 2019 18:17:11 +0100
Subject: [PATCH] Add app.css

---
 src/App.vue     | 39 +--------------------------------------
 src/css/app.css | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 38 deletions(-)
 create mode 100644 src/css/app.css

diff --git a/src/App.vue b/src/App.vue
index 90d6650..3f23a42 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -110,41 +110,4 @@ export default {
 }
 </script>
 
-<style>
-@tailwind base;
-@tailwind components;
-
-.skip-link:focus {
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-#header a {
-  @apply text-white no-underline;
-
-  &:hover,
-  &:focus {
-    @apply underline
-  }
-}
-
-#main a {
-  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
-
-  &:hover,
-  &:focus {
-    @apply text-blue-100 border-solid
-  }
-}
-
-#footer a {
-  @apply text-white no-underline border-b border-dotted border-white;
-
-  &:hover,
-  &:focus {
-    @apply border-none
-  }
-}
-
-@tailwind utilities;
-</style>
+<style src="./css/app.css"/>
diff --git a/src/css/app.css b/src/css/app.css
new file mode 100644
index 0000000..eba734f
--- /dev/null
+++ b/src/css/app.css
@@ -0,0 +1,36 @@
+@tailwind base;
+@tailwind components;
+
+.skip-link:focus {
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+#header a {
+  @apply text-white no-underline;
+
+  &:hover,
+  &:focus {
+    @apply underline
+  }
+}
+
+#main a {
+  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
+
+  &:hover,
+  &:focus {
+    @apply text-blue-100 border-solid
+  }
+}
+
+#footer a {
+  @apply text-white no-underline border-b border-dotted border-white;
+
+  &:hover,
+  &:focus {
+    @apply border-none
+  }
+}
+
+@tailwind utilities;