From e86946428223bbcaae089bb92066988c3af129a0 Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Fri, 23 Nov 2018 13:56:23 +1100
Subject: clean-ish header

---
 scss/browser.scss |  2 +-
 scss/main.scss    | 36 +++++++++++++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

(limited to 'scss')

diff --git a/scss/browser.scss b/scss/browser.scss
index ab03d59..1117da7 100644
--- a/scss/browser.scss
+++ b/scss/browser.scss
@@ -46,7 +46,7 @@
       display: flex;
       flex: 0 0 3.2em;
       justify-content: space-between;
-      background: #eeeeee;
+      background: $gray-bright;
 
       /*
       > * {
diff --git a/scss/main.scss b/scss/main.scss
index 070eac0..adbb65d 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -36,6 +36,40 @@ a {
   color: inherit;
 }
 
+header {
+  font-family: 'Source Sans Pro', sans-serif;
+  padding: 1rem 2rem;
+  text-align: right;
+
+  color: $gray-bright;
+  background: $gray-dark;
+
+  h1 {
+    display: flex;
+    justify-content: space-around;
+    align-items: baseline;
+    margin: 0;
+
+    font-size: 4rem;
+    font-weight: 200;
+
+    > b {
+      flex: 1;
+    }
+
+    .bold {
+      font-weight: 400;
+    }
+  }
+
+  i.sun {
+    font-style: normal;
+    font-weight: 800;
+    font-size: 0.7em;
+    vertical-align: -0.04em;
+  }
+}
+
 .canvas_app {
   position: relative;
 
@@ -67,7 +101,7 @@ a {
 
     a {
       display: block;
-      color: #eee;
+      color: $gray-bright;
       font-family: inherit;
     }
   }
-- 
cgit v1.2.3