From 35bf5d235e7083a7d6f5bc4769de08c65411eb72 Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Fri, 26 Feb 2021 21:47:01 +0100
Subject: [PATCH] WIP:bulma:neu:flex

---
 dist/templates/layout.html | 6 +++---
 sass/juplo.scss            | 7 +++++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index 86a500de..14718dac 100644
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -17,8 +17,8 @@
       th:fragment="body(uri, maincontent, marginalcontent)"
       thymeproxy:variables="${json}"
       th:with="crumbs=${_crumbs.get(uri)}">
-    <div id="page" class="columns">
-      <main class="column content section" th:include="${maincontent}" th:fragment="maincontent">
+    <div id="page" class="">
+      <main class="content section" th:include="${maincontent}" th:fragment="maincontent">
         <h1 th:text="${_titles.get(uri)}">TEMPLATE: Layout</h1>
         <p>
           <strong>Lorem ipsum</strong> dolor
@@ -63,7 +63,7 @@
           anim id est laborum.
         </p>
       </main>
-      <nav class="column section is-3 has-text-right">
+      <nav class="section has-text-right">
         <a href="../index.html" th:href="@{/}" title="Home">
           <img src="/img/logo.svg" alt="juplo" class="logo">
         </a>
diff --git a/sass/juplo.scss b/sass/juplo.scss
index 45389f3c..540cf1ea 100644
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -111,8 +111,15 @@ body
 #page
 {
   flex: 1 0 auto;
+  display: flex;
 }
 footer
 {
   flex-shrink: 0;
 }
+main {
+  flex-grow: 1;
+}
+nav {
+  flex-grow: 1;
+}
-- 
2.20.1