From 11d3aedb37ac5f34b6188dc39c8ec0144b74bf03 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 20 Mar 2019 23:21:26 +0000
Subject: [PATCH] Move components into separate files

---
 assets/css/app.css                | 14 ++------------
 assets/css/components/balloon.css |  3 +++
 assets/css/components/button.css  |  8 ++++++++
 3 files changed, 13 insertions(+), 12 deletions(-)
 create mode 100644 assets/css/components/balloon.css
 create mode 100644 assets/css/components/button.css

diff --git a/assets/css/app.css b/assets/css/app.css
index 1153e7b..e866f18 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1,16 +1,6 @@
 @tailwind components;
 
-.tw-button {
-  @apply inline-block uppercase font-bold text-lg mx-2 py-3 px-5 text-white no-underline bg-black !important;
-
-  &:hover,
-  &:focus {
-    @apply bg-green-600 text-white !important
-  }
-}
-
-.tw-bg-balloon {
-  background-image: url(/themes/dcb2017/images/dcb-bg.jpg);
-}
+@import 'components/balloon.css';
+@import 'components/button.css';
 
 @tailwind utilities;
diff --git a/assets/css/components/balloon.css b/assets/css/components/balloon.css
new file mode 100644
index 0000000..c1cf789
--- /dev/null
+++ b/assets/css/components/balloon.css
@@ -0,0 +1,3 @@
+.tw-bg-balloon {
+  background-image: url(/themes/dcb2017/images/dcb-bg.jpg);
+}
diff --git a/assets/css/components/button.css b/assets/css/components/button.css
new file mode 100644
index 0000000..4d8c39f
--- /dev/null
+++ b/assets/css/components/button.css
@@ -0,0 +1,8 @@
+.tw-button {
+  @apply inline-block uppercase font-bold text-lg mx-2 py-3 px-5 text-white no-underline bg-black !important;
+
+  &:hover,
+  &:focus {
+    @apply bg-green-600 text-white !important
+  }
+}