From e1d8419b113be936620103b317a287bc0c7d0ded Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Wed, 10 Jan 2018 22:17:15 -0800
Subject: [PATCH] add fixed header

---
 assets/global.css              | 9 ++++++++-
 routes/_components/Layout.html | 1 -
 routes/_components/Nav.html    | 8 +++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/assets/global.css b/assets/global.css
index ee29d24..2479d60 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -7,12 +7,19 @@ body {
 	background: white;
 }
 
+#svelte {
+	display: flex;
+	flex-direction: column;
+}
+
 main {
+	overflow-x: hidden;
+	overflow-y: auto;
 	position: relative;
 	max-width: 800px;
 	padding: 15px 15px;
 	box-sizing: border-box;
-	margin: 0 auto;
+	margin: 75px auto;
 }
 
 h1, h2, h3, h4, h5, h6 {
diff --git a/routes/_components/Layout.html b/routes/_components/Layout.html
index d2476a4..3b621ae 100644
--- a/routes/_components/Layout.html
+++ b/routes/_components/Layout.html
@@ -3,7 +3,6 @@
 <main>
 	<slot></slot>
 </main>
-
 <script>
 	import Nav from './Nav.html';
 
diff --git a/routes/_components/Nav.html b/routes/_components/Nav.html
index 078eaae..671e709 100644
--- a/routes/_components/Nav.html
+++ b/routes/_components/Nav.html
@@ -40,7 +40,13 @@
 <style>
 	nav {
 		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-    background: royalblue;
+		background: royalblue;
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		z-index: 10;
+		will-change: transform; /* avoids "repaints on scroll" for fixed position header */
 	}
 
 	ul {