diff --git a/exampleSite/content/basics/migration/_index.en.md b/exampleSite/content/basics/migration/_index.en.md index 2fb0712237..17311f8ad3 100644 --- a/exampleSite/content/basics/migration/_index.en.md +++ b/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} diff --git a/exampleSite/content/basics/requirements/_index.en.md b/exampleSite/content/basics/requirements/_index.en.md index e5adb45874..58cacbbbe7 100755 --- a/exampleSite/content/basics/requirements/_index.en.md +++ b/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" %}} diff --git a/static/css/theme.css b/static/css/theme.css index 499e46d2c2..44b1d7fcd7 100644 --- a/static/css/theme.css +++ b/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;