First pass at something visible

This is a first version of the application, to go beyond simple authentication.

1 files changed, 28 insertions, 0 deletions

diff --git a/app/assets/stylesheets/application/_header.scss b/app/assets/stylesheets/application/_header.scss
new file mode 100644
index 0000000..d0fd5b8
--- /dev/null
+++ b/app/assets/stylesheets/application/_header.scss
@@ -0,0 +1,28 @@
+/* -----------------------------------------------------------------------------
+   HEADER
+----------------------------------------------------------------------------- */
+
+body > header {
+    position: fixed;
+    backface-visibility: hidden;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    margin: 0 auto;
+    height: 4em;
+    background-color: var(--header-background);
+    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    z-index: 999;
+
+    > h1 {
+        display: flex;
+        font-size: 1em;
+        img {
+            height: 2.667em;
+        }
+    }
+}