From 823aa5ad43126747cb071a0c347b200cc84df714 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 28 Jun 2018 16:08:57 +0200
Subject: Split search

---
 .../react/components/presentational/Search.scss    | 42 ++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/client/react/components/presentational/Search.scss

(limited to 'src/client/react/components/presentational/Search.scss')

diff --git a/src/client/react/components/presentational/Search.scss b/src/client/react/components/presentational/Search.scss
new file mode 100644
index 0000000..ef629c2
--- /dev/null
+++ b/src/client/react/components/presentational/Search.scss
@@ -0,0 +1,42 @@
+.Search {
+  height: 54px;
+  position: relative;
+
+  .overflow {
+    border-radius: 2px;
+    background-color: white;
+    position: absolute;
+    width: 100%;
+    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
+
+    &.hasFocus {
+      box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
+    }
+
+    .inputWrapper {
+      display: flex;
+      height: 54px;
+
+      .iconWrapper {
+        height: 54px;
+        padding: 15px;
+
+        svg {
+          height: 24px;
+          width: 24px;
+        }
+      }
+
+      input {
+        border: 0;
+        background-color: transparent;
+        flex-grow: 1;
+        height: inherit;
+        padding: 16px;
+        padding-left: 0px;
+        font-size: 16px;
+        outline: none;
+      }
+    }
+  }
+}
-- 
cgit v1.1