Added global styles

1 files changed, 41 insertions, 0 deletions

diff --git a/src/scss/_navbar.scss b/src/scss/_navbar.scss
new file mode 100644
index 0000000..ee07ae4
--- /dev/null
+++ b/src/scss/_navbar.scss
@@ -0,0 +1,41 @@
+header {
+	background-color: $color-bg;
+	border-bottom: 1px solid $color-header;
+	box-shadow: 0 5px 5px $color-bg;
+	left: 0;
+	line-height: 3.5em;
+	opacity: 0.975;
+	position: fixed;
+	right: 0;
+	top: 0;
+}
+
+nav {
+	margin: auto;
+	max-width: 60em;
+	padding: 0 4em;
+	text-align: right;
+
+	a {
+		color: $color-text;
+		padding: 0 1em;
+
+		&:visited {
+			color: $color-text;
+		}
+	}
+}
+
+@media (width <=684px) {
+	header {
+		box-shadow: none;
+	}
+
+	nav {
+		padding: 0 2em;
+
+		span {
+			display: none;
+		}
+	}
+}