From 157f74948afad0db7ba1ca0fb361093eccd6888b Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 28 Apr 2019 18:39:41 +0100
Subject: [PATCH] Move search form styling into a CSS component

---
 src/css/app.css                    | 6 +-----
 src/css/components/search-form.css | 5 +++++
 2 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 src/css/components/search-form.css

diff --git a/src/css/app.css b/src/css/app.css
index e2d501b..3bbacfe 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -2,10 +2,6 @@
 
 @tailwind components;
 
-.search-form {
-  > input:focus + svg {
-    @apply opacity-100
-  }
-}
+@import './components/search-form.css';
 
 @tailwind utilities;
diff --git a/src/css/components/search-form.css b/src/css/components/search-form.css
new file mode 100644
index 0000000..3442fe7
--- /dev/null
+++ b/src/css/components/search-form.css
@@ -0,0 +1,5 @@
+.search-form {
+  > input:focus + svg {
+    @apply opacity-100
+  }
+}