From 8571bfe27ed90378ef07a60cf8068d7de575ead6 Mon Sep 17 00:00:00 2001
From: Peter Wu <peter@lekensteyn.nl>
Date: Wed, 25 Mar 2015 14:05:26 +0100
Subject: Remove main background, sticky footer, remove nav space

Use "Sticky footer trick" from
http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
---
 style/main.less | 19 ++++++++++++++++++-
 style/menu.less |  7 +++----
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/style/main.less b/style/main.less
index 1c64dd1..65d7340 100644
--- a/style/main.less
+++ b/style/main.less
@@ -8,19 +8,35 @@ body {
     line-height: 2em;
     background: linear-gradient(-45deg,
         @color-secondary-2-4, @color-secondary-2-1);
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+/* header */
+header {
+    background: @color-secondary-1-4;
+    margin-bottom: 1em;
+}
+
+.banner {
+    > * {
+        font-size: 4em;
+        vertical-align: middle;
+    }
 }
 
 @import "menu.less";
 
 /* main content */
 main {
-    background: @color-secondary-1-3;
     margin: auto;
     padding: 1em;
     border-radius: 2px;
 
     max-width: 800px;
     text-align: left;
+    flex: 1;
 }
 
 body[data-page="home"] {
@@ -61,6 +77,7 @@ body[data-page="home"] {
 /* footer */
 footer {
     background: @color-secondary-1-4;
+    margin-top: 1em;
 }
 
 /* vim: set sw=4 et ts=4: */
diff --git a/style/menu.less b/style/menu.less
index 60d87ec..715d092 100644
--- a/style/menu.less
+++ b/style/menu.less
@@ -2,10 +2,9 @@
 @import "colors.less";
 
 nav {
-    margin: 3em 0;
-
-    ul {
-        background: @color-primary-0;
+    ul, li {
+        margin: 0;
+        padding: 0;
     }
 
     li {
-- 
cgit v1.2.1