WIP:bulma:neu:flex

[website] / sass / juplo.scss

diff --git a/sass/juplo.scss b/sass/juplo.scss
index d71f289..dc9f3a7 100644 (file)
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -105,17 +105,23 @@ html
 body
 {
   height: 100%;
-  overflow-y: scroll;
+  display: flex;
+  flex-direction: column;
 }
 #page
 {
-  position: relative;
-  min-height: 100%;
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: flex-end;
 }
 footer
 {
-  position: relative;
-  left: 0;
-  right: 0;
-  bottom: 1em;
+  flex-shrink: 0;
+}
+main {
+  flex-grow: 1;
+  max-width: 768px;
+}
+nav {
+  flex-grow: 0;
 }