figure: support built-in shortcode #746

exampleSite/content/basics/migration/_index.en.md

@@ -30,6 +30,8 @@ This document shows you what's new in the latest release and flags it with one o
 
 - {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} New partial for defining the heading. See [documentation](basics/customization#partials) for further reading.
 
+- {{% badge style="info" icon="plus-circle" title=" " %}}New{{% /badge %}} Support for Hugo's built-in [`figure` shortcode](https://gohugo.io/content-management/shortcodes/#figure).
+
 ---
 
 ## 5.23.0 (2023-11-03) {#5230}

exampleSite/content/basics/requirements/_index.en.md

@@ -9,4 +9,4 @@ Thanks to the simplicity of Hugo, this page is as empty as this theme needs requ
 
 Just download at least version {{% badge color="fuchsia" icon="fab fa-hackerrank" title=" " %}}0.112.4{{% /badge %}} of the [Hugo binary](https://gohugo.io/getting-started/installing/) for your OS (Windows, Linux, Mac).
 
-![Magic](magic.gif)
+{{% figure src="magic.gif" link="https://gohugo.io" alt="Magic" caption="It's a kind of magic" %}}

static/css/theme.css

@@ -344,10 +344,13 @@ dd {
 }
 
 #R-body img,
+#R-body figure > figcaption > h4,
+#R-body figure > figcaption > p,
 #R-body .video-container {
     display: block;
     margin-left: auto;
     margin-right: auto;
+    padding: 0;
     text-align: center;
 }
 
@@ -376,6 +379,25 @@ dd {
     vertical-align: bottom;
 }
 
+#R-body figure > figcaption{
+    margin: 0;
+}
+
+#R-body figure > figcaption > h4{
+    font-size: 1.0rem;
+    font-weight: 500;
+    margin: 0;
+}
+
+#R-body figure > figcaption > p{
+    font-size: .85rem;
+    font-weight: 300;
+    margin-top: .15rem;
+}
+#R-body figure > figcaption > h4 + p{
+    margin-top: 0;
+}
+
 #R-body-inner {
     display: flex;
     flex: auto;