WIP:bulma:neu

diff --git a/dist/templates/layout.html b/dist/templates/layout.html
index cb21b4f..16da131 100644 (file)
--- a/dist/templates/layout.html
+++ b/dist/templates/layout.html
@@ -73,8 +73,8 @@
               submenu=${_childs.get(parent)},
               pos=1"
             id="navigation"
-            class="s mr-4"
-            th:class="'mr-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
+            class="s mr-4 mt-4"
+            th:class="'mr-4 mt-4 s' + (${len == 1 or (len == 2 and _childs.get(uri) == null)} ? ' selected' : '')">
           <!--/*-->
           <li class="s sub off"><a href="../blog/" class="s">Blog</a></li>
           <!--*/-->
@@ -123,14 +123,13 @@
       </nav>
     </div>
     <footer>
-      <div class="level">
-        <div class="level-left">
-          <span class="level-item">© <strong>mo</strong> 2021</span>
-        </div>
-        <div class="level-right" id="footerlinks" th:include="~{::#links}?:_">
-          <a class="level-item" href="../impressum.html" th:href="@{/impressum.html}">Impressum</a>
-          <a class="level-item" href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a>
-        </div>
+      <div id="copyright" class="section">
+        <span>© <strong>mo</strong> 2021</span>
+      </div>
+      <div id="footerlinks" class="section has-text-right" th:include="~{::#links}?:_">
+        <a href="../impressum.html" th:href="@{/impressum.html}">Impressum</a>
+        <span class="spacer">|</span>
+        <a href="../datenschutz.html" th:href="@{/datenschutz.html}">Datenschutz</a>
       </div>
     </footer>
   </body>

diff --git a/sass/juplo.scss b/sass/juplo.scss
index 1401316..2511b21 100644 (file)
--- a/sass/juplo.scss
+++ b/sass/juplo.scss
@@ -66,6 +66,10 @@ $button-hover-border-color: #000 !important;
   color: #ccc;
   background-color: #fff;
 }
+#navigation li.s > ul.selected
+{
+  margin-top: 1em;
+}
 #navigation li.s > a.selected:after,
 #navigation li.s > a.leaf:after,
 #navigation li.s > strong.selected:after,
@@ -117,14 +121,46 @@ body
 footer
 {
   flex-shrink: 0;
+  display: flex;
+  justify-content: flex-end;
 }
-main {
+main,
+#copyright
+{
   flex-grow: 1;
   max-width: 768px;
   min-width: 568px;
   overflow: hidden;
 }
-nav {
+nav,
+#footerlinks
+{
   flex-grow: 0;
   min-width: 293px;
 }
+
+
+input[type=submit],
+input[type=reset]
+{
+  @extend .button;
+}
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=tel]
+{
+  @extend .input;
+}
+textarea
+{
+  @extend .textarea;
+}
+select
+{
+  // @extend .select;
+}
+input[type=file]
+{
+  // @extend .file-input;
+}