Remove heading in figcaption when necessary

themes/maik-blog/assets/scss/_main.scss

@@ -182,8 +182,10 @@ figure {
   }
 
   figcaption {
-    font-size: 14px;
+    font-size: 1.125rem;
-    margin-top: 5px;
+    line-height: 1.3;
+    margin: 1.33em 0;
+    font-weight: bold;
     opacity: 0.8;
 
     &.left {

themes/maik-blog/layouts/shortcodes/figure.html

@@ -14,17 +14,23 @@
     {{- if .Get "link" }}</a>{{ end -}}
   {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
   <figcaption>
-    {{ with (.Get "title") -}}
+    {{- if or (.Get "caption") (.Get "attr") -}}
+    {{- with (.Get "title") -}}
     <h4>{{ . }}</h4>
     {{- end -}}
-    {{- if or (.Get "caption") (.Get "attr") -}}<p>
+    <p>
       {{- .Get "caption" | markdownify -}}
       {{- with .Get "attrlink" }}
       <a href="{{ . }}">
         {{- end -}}
         {{- .Get "attr" | markdownify -}}
-        {{- if .Get "attrlink" }}</a>{{ end }}</p>
+        {{- if .Get "attrlink" }}</a>{{ end }}
-    {{- end }}
+    </p>
+    {{- else -}}
+    {{- with (.Get "title") -}}
+    {{ . }}
+    {{- end -}}
+    {{- end -}}
   </figcaption>
   {{- end }}
   </figure>