fix: fix SVG css (#55)

Author: JTorreG

assets/css/docs-nginx-com/style.css

@@ -186,12 +186,18 @@ section {
     display: block
 }
 
-figure {
+.figure-bitmap {
    border: solid 2px #42932D;
    margin-bottom: 10px;
    display: inline-block;
    max-width: 100%;
-   max-height: 100%
+}
+
+.figure-svg {
+   border: solid 2px #42932D;
+   margin-bottom: 10px;
+   display: block;
+   min-width: 100%;
 }
 
 caption,

layouts/shortcodes/img.html

@@ -1,14 +1,15 @@
 <figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
-    {{- if .Get "link" -}}
-        <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
-    {{- end }}
-    <img src="{{ .Get "src" | relURL }}"
-         {{- if or (.Get "alt") (.Get "caption") }}
-         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
-         {{- end -}}
-         {{- with .Get "width" }} width="{{ . }}"{{ end -}}
-         {{- with .Get "height" }} height="{{ . }}"{{ end -}}
-    /> <!-- Closing img tag -->
+    {{- $src := .Get "src" -}}
+    {{- $isSVG := strings.HasSuffix $src ".svg" -}}
+    <img class="{{ if $isSVG }}figure-svg{{ else }}figure-bitmap{{ end }}" src="{{ .Get "src" | relURL }}"
+    {{- if or (.Get "alt") (.Get "caption") }}
+    alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+    {{- end -}}
+    {{- with .Get "width" }} width="{{ . }}"{{ end -}}
+    {{- with .Get "height" }} height="{{ . }}"{{ end -}}>
+    {{- if and (.Get "link") $isSVG }}
+    <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
+    {{- end -}}
     {{- if .Get "link" }}</a>{{ end -}}
     {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
         <figcaption>