From 1c02ee2f5136fd56bb480344af59e735974697ff Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Thu, 26 Jan 2017 17:09:56 +0100
Subject: Create new layout

Signed-off-by: Noah Loomans <noahloomans@gmail.com>
---
 style/_header.scss | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 style/_header.scss

(limited to 'style/_header.scss')

diff --git a/style/_header.scss b/style/_header.scss
new file mode 100644
index 0000000..a5a33d4
--- /dev/null
+++ b/style/_header.scss
@@ -0,0 +1,48 @@
+header {
+  display: flex;
+  max-width: $page-width;
+  margin: 0 auto;
+
+  .logo-container {
+    max-width: $page-width;
+    height: 100%;
+    margin: 0 auto;
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+
+    .dotted-line {
+      border-style: dotted;
+      border-image-source: url('/assets/dots.svg');
+      border-image-slice: 33% 33%;
+      border-image-repeat: round;
+      border-width: 0  8px 0 0;
+      margin-top: 32px;
+      width: 50%;
+      flex-grow: 1;
+    }
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  .logo {
+    width: $logo-width;
+    height: $logo-width;
+    border-radius: 50%;
+  }
+
+  .title {
+    padding-left: $logo-width + $page-padding-between;
+    height: $logo-width;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .name {
+      font-weight: bold;
+      font-size: 1.5em;
+    }
+  }
+}
-- 
cgit v1.1