Theme fixes

content/galerie/kunstwerke/dorfbrunnen-rheidt/index.md

@@ -34,11 +34,6 @@ keywords = ["brunnen", "diabas", "niederkassel", "rheidt", "rhein"]
 
 *Material: Hessischer Olivindiabas [(Pikrit)](https://de.wikipedia.org/wiki/Pikrit)*
 
-> "Gott machte also das Gewölbe und schied das Wasser unterhalb des Gewölbes
-> vom Wasser oberhalb des Gewölbes. So geschah es."
->
->> -- <cite>1. Buch Genesis 1,7</cite>
-
 Der Brunnen besteht aus einer zweigeteilten Kugel die die Erde symbolisieren
 soll die ein Gesamtgewicht von etwa 3,7 Tonnen hat. Diese geteilte Weltkugel
 wird von einem letzten weiteren Teil getrennt, der den Rhein der an der Stadt
@@ -52,6 +47,11 @@ seitlich ebenso bearbeitet wie die Kugel, die Oberfläche wurde allerdings
 gestockt und anschliessend mit Beilhieben versehen. Als Finish wurden alle
 Oberfläschen fein geschliffen und die Kanten wurden matt glänzend poliert.
 
+> "Gott machte also das Gewölbe und schied das Wasser unterhalb des Gewölbes
+> vom Wasser oberhalb des Gewölbes. So geschah es."
+>
+>> <cite>1. Buch Genesis 1,7</cite>
+
 {{< gallery >}}
   {{< image search="bilder/brunnen-rheidt-haelfte-in-der-werkstatt.jpg" list="true" >}}
   {{< image search="bilder/brunnen-rheidt-haelfte-auf-stapler.jpg" list="true" >}}

themes/neff/layouts/partials/gallery.html

@@ -1,3 +1,4 @@
+<div class="clearfix"></div>
 <ul class="list-unstyled flex row gallery">
     {{- range .Resources.ByType "image" -}} 
         <li class="padding">

themes/neff/layouts/partials/menu.html

@@ -21,4 +21,5 @@
         {{ partial "menu-item.html" (dict "item" . "ctx" $currentPage)}}
     {{- end -}}
 </ul>
+<div class="clearfix"></div>
 {{- end -}}

themes/neff/layouts/shortcodes/gallery.html

@@ -37,12 +37,13 @@
     {{- end -}}
 {{- end -}}
 
+<div class="clearfix"></div>
 {{ with .Inner }}
-    <ul class="clearfix list-unstyled flex row gallery">
+    <ul class="list-unstyled flex row gallery neg-margin">
         {{ . }}
     </ul>
 {{ else }}
-    <ul class="clearfix list-unstyled flex row gallery">
+    <ul class="list-unstyled flex row gallery neg-margin">
             {{ range $.Page.Resources.Match $search }}
                 {{- if (ne .Params.featured true) -}}
                     <li class="padding">

themes/neff/src/scss/_grid.scss

@@ -241,8 +241,14 @@ table {
     padding: 0;
 }
 
-.clearfix {
+.clearfix::before,
-    clear: both;
+.clearfix::after {
+  content: " ";
+  display: table;
+} 
+
+.clearfix::after {
+  clear: both;
 }
 
 figure.fill {
@@ -269,6 +275,7 @@ figure.left {
     margin-right: $gutter-width;
     max-width: $min-column-width;
     padding: 0.5rem 0;
+    float: left
 }
 
 figure.right {
@@ -296,6 +303,10 @@ figure {
     }
 }
 
+.neg-margin {
+    margin: 0 calc(0 - #{$gutter-width}) 0;
+}
+
 .btn {
     padding: .5rem 2rem;
     border: 1px solid black;
@@ -376,7 +387,7 @@ a.btn-primary {
 
         &.gallery {
             li {
-                max-width: calc(#{$min-column-width-desktop} + calc(2 * #{$gutter-width}));
+                max-width: calc(#{$min-column-width-desktop} + calc(3 * #{$gutter-width}));
             }
         }
     }

themes/neff/src/scss/_header.scss

@@ -148,8 +148,6 @@
         }
 
         input[type=checkbox]:checked ~ .navbar-container nav {
-            height: 255px; //TODO: make dynamic in Webkit
-
             ul {
                 @include menu-list(column);
 

themes/neff/src/scss/_single.scss

@@ -9,8 +9,9 @@
     .featured {
         max-width: $min-column-width;
         height: auto;
-        float: none;
+        display: inline-block;
         margin-bottom: 1rem;
+        float: left;
 
         img {
             width: 100%;
@@ -20,13 +21,26 @@
             margin-top: 0;
         }
     }
+
+    p {
+        float: none;
+    }
+
+    blockquote {
+        float: none;
+        font-style: italic;
+
+        cite { 
+            font-size: 0.8em;
+            margin-left: 1rem;
+        }
+    }
 }
 
 @media screen and (min-width: 500px) {
     #single {
         .featured {
             max-width: $min-column-width-desktop;
-            float: left;
         }
     }
 }