From d48f03b050c1e9044317c7ea592703eeeaf26b4f Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sun, 21 Oct 2018 22:02:45 +0300
Subject: [PATCH] Use the example shortcode in more places.
Now that we don't have the ToC issue with the examples' headers in ToC, we can safely do this.no_toc_section_class
---
site/docs/4.1/components/badge.md | 14 +++-----------
site/docs/4.1/content/typography.md | 12 +++---------
2 files changed, 6 insertions(+), 20 deletions(-)
diff --git a/site/docs/4.1/components/badge.md b/site/docs/4.1/components/badge.md
index 0e97cbe763..8c17600459 100644
--- a/site/docs/4.1/components/badge.md
+++ b/site/docs/4.1/components/badge.md
@@ -10,23 +10,15 @@ toc: true
Badges scale to match the size of the immediate parent element by using relative font sizing and `em` units.
-<div class="bd-example">
-<div class="h1">Example heading <span class="badge badge-secondary">New</span></div>
-<div class="h2">Example heading <span class="badge badge-secondary">New</span></div>
-<div class="h3">Example heading <span class="badge badge-secondary">New</span></div>
-<div class="h4">Example heading <span class="badge badge-secondary">New</span></div>
-<div class="h5">Example heading <span class="badge badge-secondary">New</span></div>
-<div class="h6">Example heading <span class="badge badge-secondary">New</span></div>
-</div>
-
-{% highlight html %}
+{% capture example %}
<h1>Example heading <span class="badge badge-secondary">New</span></h1>
<h2>Example heading <span class="badge badge-secondary">New</span></h2>
<h3>Example heading <span class="badge badge-secondary">New</span></h3>
<h4>Example heading <span class="badge badge-secondary">New</span></h4>
<h5>Example heading <span class="badge badge-secondary">New</span></h5>
<h6>Example heading <span class="badge badge-secondary">New</span></h6>
-{% endhighlight %}
+{% endcapture %}
+{% include example.html content=example %}
Badges can be used as part of links or buttons to provide a counter.
diff --git a/site/docs/4.1/content/typography.md b/site/docs/4.1/content/typography.md
index 795f807b60..2451367e0c 100644
--- a/site/docs/4.1/content/typography.md
+++ b/site/docs/4.1/content/typography.md
@@ -94,19 +94,13 @@ All HTML headings, `<h1>` through `<h6>`, are available.
Use the included utility classes to recreate the small secondary heading text from Bootstrap 3.
-<div class="bd-example">
- <span class="h3">
- Fancy display heading
- <small class="text-muted">With faded secondary text</small>
- </span>
-</div>
-
-{% highlight html %}
+{% capture example %}
<h3>
Fancy display heading
<small class="text-muted">With faded secondary text</small>
</h3>
-{% endhighlight %}
+{% endcapture %}
+{% include example.html content=example %}
## Display headings
--
GitLab