WIP:bulma:neu:flex

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index 86a500de3bc2448281c6660350134fd33afaac58..14718dac34d19f45fb519e24a1f4e81443d81018 100644 (file)
--- 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 45389f3cedc89ca611326c567674f185cb4a8896..540cf1ead71299e303ab925d24f43dc02e162038 100644 (file)
--- 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;
+}