diff --git a/assets/_markdown.scss b/assets/_markdown.scss index 3f40f59..ccfc423 100644 --- a/assets/_markdown.scss +++ b/assets/_markdown.scss @@ -198,6 +198,11 @@ figure { margin: $padding-16 0; + + figcaption { + @extend .markdown-inner; + margin-top: $padding-16; + } } } diff --git a/assets/_shortcodes.scss b/assets/_shortcodes.scss index 5a09eba..e1aaeb4 100644 --- a/assets/_shortcodes.scss +++ b/assets/_shortcodes.scss @@ -194,8 +194,8 @@ } } - // {{< card >}}, {{< figure >}} - .book-card, figure { + // {{< card >}} + .book-card { display: block; overflow: hidden; height: 100%; @@ -220,11 +220,6 @@ .markdown-inner { padding: $padding-16; } - - figcaption { - @extend .markdown-inner; - padding: $padding-16; - } } .book-image { diff --git a/exampleSite/content.en/docs/shortcodes/cards.md b/exampleSite/content.en/docs/shortcodes/cards.md index 85c4cc2..c0083aa 100644 --- a/exampleSite/content.en/docs/shortcodes/cards.md +++ b/exampleSite/content.en/docs/shortcodes/cards.md @@ -28,36 +28,3 @@ This is tab MacOS content. {{< /card >}} {{% /columns %}} - -## Build-in figure shortcode -Hugo's built-in figure shortcode is also styled as a card - -{{% columns %}} -- ```go-html-template - {{}} - ``` - -- {{< figure - src="placeholder.svg" - alt="A placeholder image" - link="#" - caption="A placeholder image caption" - loading="lazy" - target="_blank" - title="Figure Title" - caption="A caption for the figure" - attr="An attribution" - attrlink="#" - >}} -{{% /columns %}}