diff options
author | XhmikosR <xhmikosr@gmail.com> | 2020-10-12 09:06:06 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-10-12 09:06:06 +0300 |
commit | 5c6925385ee926a749ead6a4f2ebbfc64e701f36 (patch) | |
tree | 162029a69460a3ceb18a27192377d8f47634f94f /site/content/docs/5.0/helpers | |
parent | c8523d71e7fa361ca478a27b3d0b55c1b7bf4212 (diff) |
Improve callout shortcode. (#31802)
Remove the `markdownify` call, and instead rely on Hugo's proper syntax; `{{% callout %}}` when we want to the content to be processed as Markdown.
This allows for stuff like:
{{% callout info %}}
##### I'm an info callout!
```css
.foo {
color: #fff;
}
```
{{< example >}}
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
</div>
{{< /example >}}
{{% /callout %}}
Diffstat (limited to 'site/content/docs/5.0/helpers')
-rw-r--r-- | site/content/docs/5.0/helpers/ratio.md | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.0/helpers/ratio.md b/site/content/docs/5.0/helpers/ratio.md index e46d28279e..dfa22373eb 100644 --- a/site/content/docs/5.0/helpers/ratio.md +++ b/site/content/docs/5.0/helpers/ratio.md @@ -12,9 +12,9 @@ Use the ratio helper to manage the aspect ratios of external content like `<ifra Aspect ratios are declared in a Sass map and included in each class via CSS variable, which also allows [custom aspect ratios](#custom-ratios). -{{< callout info >}} +{{% callout info %}} **Pro-Tip!** You don't need `frameborder="0"` on your `<iframe>`s as we override that for you in [Reboot]({{< docsref "/content/reboot" >}}). -{{< /callout >}} +{{% /callout %}} ## Example |