Add search component to overview

2017-03-01 23:31:25 +01:00
parent a92aeac253
commit 1e703d8746
3 changed files with 97 additions and 15 deletions
--- a/styles/components/search.css
+++ b/styles/components/search.css
@@ -0,0 +1,35 @@
+.search {
+  box-sizing: border-box;
+  width: 600px;
+  height: 50px;
+  position: relative;
+
+  &__field {
+    height: 100%;
+    width: 100%;
+    padding: 10px 20px 10px 50px;
+    background: #3A444A;
+    display: block;
+    border: none;
+    color: var(--color-white);
+    font-size: 16px;
+    line-height: 1;
+    font-family: 'DIN';
+    font-weight: normal;
+
+    &::placeholder {
+      color: var(--color-gray-normal);
+    }
+
+    &:focus {
+      outline: none;
+      background: #2F393F;
+    }
+  }
+
+  &__icon {
+    position: absolute;
+    top: 14px;
+    left: 14px;
+  }
+}