Make desktop header sticky

2018-11-18 14:15:00 +02:00
parent 8160e53bae
commit f8d1c6e713
1 changed files with 9 additions and 1 deletions
@@ -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;