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;