From 6acd746ce91e098293bd4e703b39834119ad8719 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 30 Aug 2019 12:55:05 +0100
Subject: [PATCH] Move styles into a separate stylesheet

---
 vuejs/src/App.vue                 | 26 +-------------------------
 vuejs/src/assets/css/tailwind.css | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+), 25 deletions(-)
 create mode 100644 vuejs/src/assets/css/tailwind.css

diff --git a/vuejs/src/App.vue b/vuejs/src/App.vue
index 72b10d7..d25913e 100644
--- a/vuejs/src/App.vue
+++ b/vuejs/src/App.vue
@@ -51,28 +51,4 @@ export default {
 }
 </script>
 
-<style>
-@tailwind base;
-
-h1,
-h2 {
-  @apply font-semibold
-}
-
-input,
-textarea {
-  @apply w-full border border-gray-400 p-2 mt-1
-}
-
-input[type=submit] {
-  @apply w-full;
-
-  @screen sm {
-    @apply w-auto
-  }
-}
-
-@tailwind components;
-
-@tailwind utilities;
-</style>
+<style src="./assets/css/tailwind.css"></style>
diff --git a/vuejs/src/assets/css/tailwind.css b/vuejs/src/assets/css/tailwind.css
new file mode 100644
index 0000000..9382b27
--- /dev/null
+++ b/vuejs/src/assets/css/tailwind.css
@@ -0,0 +1,23 @@
+@tailwind base;
+
+h1,
+h2 {
+  @apply font-semibold
+}
+
+input,
+textarea {
+  @apply w-full border border-gray-400 p-2 mt-1
+}
+
+input[type=submit] {
+  @apply w-full;
+
+  @screen sm {
+    @apply w-auto
+  }
+}
+
+@tailwind components;
+
+@tailwind utilities;