Implement header design

2 files changed, 11 insertions, 3 deletions

diff --git a/client/src/sass/_mixins.scss b/client/src/sass/_mixins.scss
new file mode 100644
index 000000000..681657d90
--- /dev/null
+++ b/client/src/sass/_mixins.scss
@@ -0,0 +1,6 @@
+@mixin disable-default-a-behaviour {
+  &:hover, &:focus {
+    text-decoration: none !important;
+    outline: none !important;
+  }
+}
diff --git a/client/src/sass/_variables.scss b/client/src/sass/_variables.scss
index 640746722..e32b37462 100644
--- a/client/src/sass/_variables.scss
+++ b/client/src/sass/_variables.scss
@@ -10,12 +10,14 @@ $grey-background: #f6f2f2;
 
 $button-height: 30px;
 
-$menu-color: #fff;
-$menu-width: 240px;
-
 $header-height: 50px;
 $header-border-color: #e9eff6;
 
+$search-input-width: 375px;
+
+$menu-color: #fff;
+$menu-width: 240px;
+
 $footer-height: 30px;
 $footer-margin: 30px;