From f8d1c6e713e0e03ac76beeb5573648a7620edb1f Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan.tuomi@eficode.com>
Date: Sun, 18 Nov 2018 14:15:00 +0200
Subject: [PATCH] Make desktop header sticky

---
 src/components/Header/Header.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
index 65fa201..f8c660a 100644
--- a/src/components/Header/Header.scss
+++ b/src/components/Header/Header.scss
@@ -1,8 +1,16 @@
+@import "../../assets/scss/globals";
+
 .header {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
-  margin: 0 1rem;
+  padding: 0 1rem;
+  background-color: $dark-blue;
+
+  @media screen and (min-width: 600px) {
+    position: sticky;
+    top: 0;
+  }
 
   @media screen and (max-width: 600px - 1px) {
     flex-flow: column nowrap;