From: Kai Moritz <kai@juplo.de>
Date: Fri, 26 Feb 2021 20:47:01 +0000 (+0100)
Subject: WIP:bulma:neu:flex
X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=35bf5d235e7083a7d6f5bc4769de08c65411eb72;p=website

WIP:bulma:neu:flex
---

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;
+}