diff options
author | Mark Otto <markd.otto@gmail.com> | 2022-03-12 08:27:58 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-03-12 08:27:58 +0300 |
commit | 7c966f584889c6dfb0f1a70dd1757b2d237a68a0 (patch) | |
tree | e706e72d3ec329f80123f58eed31aac27dc5f530 /site/content/docs/5.1/components | |
parent | 1936e0c5eaa7f8f2d89ec1ac863aa73130fb69b1 (diff) |
Convert added in badges to shortcode (#36007)
Diffstat (limited to 'site/content/docs/5.1/components')
-rw-r--r-- | site/content/docs/5.1/components/alerts.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/badge.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/breadcrumb.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/buttons.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/dropdowns.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/navbar.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/pagination.md | 2 | ||||
-rw-r--r-- | site/content/docs/5.1/components/popovers.md | 4 | ||||
-rw-r--r-- | site/content/docs/5.1/components/tooltips.md | 4 |
9 files changed, 11 insertions, 11 deletions
diff --git a/site/content/docs/5.1/components/alerts.md b/site/content/docs/5.1/components/alerts.md index 54e2113483..68a18be7ad 100644 --- a/site/content/docs/5.1/components/alerts.md +++ b/site/content/docs/5.1/components/alerts.md @@ -160,7 +160,7 @@ When an alert is dismissed, the element is completely removed from the page stru ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, alerts now use local CSS variables on `.alert` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/badge.md b/site/content/docs/5.1/components/badge.md index 2e604c82a9..e00b21a12b 100644 --- a/site/content/docs/5.1/components/badge.md +++ b/site/content/docs/5.1/components/badge.md @@ -90,7 +90,7 @@ Use the `.rounded-pill` utility class to make badges more rounded with a larger ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, badges now use local CSS variables on `.badge` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/breadcrumb.md b/site/content/docs/5.1/components/breadcrumb.md index dabf6b58b4..05df37a0aa 100644 --- a/site/content/docs/5.1/components/breadcrumb.md +++ b/site/content/docs/5.1/components/breadcrumb.md @@ -100,7 +100,7 @@ For more information, see the [WAI-ARIA Authoring Practices for the breadcrumb p ### Variables -<small class="d-inline-flex px-2 py-1 font-monospace text-muted border rounded-3">Added in v5.3.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, breadcrumbs now use local CSS variables on `.breadcrumb` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/buttons.md b/site/content/docs/5.1/components/buttons.md index 59a013a734..7f400df1a1 100644 --- a/site/content/docs/5.1/components/buttons.md +++ b/site/content/docs/5.1/components/buttons.md @@ -242,7 +242,7 @@ buttons.forEach(function (button) { ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, buttons now use local CSS variables on `.btn` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/dropdowns.md b/site/content/docs/5.1/components/dropdowns.md index e5a396d56c..0bd6a4fdfe 100644 --- a/site/content/docs/5.1/components/dropdowns.md +++ b/site/content/docs/5.1/components/dropdowns.md @@ -991,7 +991,7 @@ By default, the dropdown menu is closed when clicking inside or outside the drop ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, dropdowns now use local CSS variables on `.dropdown-menu` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/navbar.md b/site/content/docs/5.1/components/navbar.md index f54b8ff8cf..7b36f245c1 100644 --- a/site/content/docs/5.1/components/navbar.md +++ b/site/content/docs/5.1/components/navbar.md @@ -736,7 +736,7 @@ To create an offcanvas navbar that expands into a normal navbar at a specific br ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, navbars now use local CSS variables on `.navbar` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/pagination.md b/site/content/docs/5.1/components/pagination.md index eebc3ce6f1..8e05a18614 100644 --- a/site/content/docs/5.1/components/pagination.md +++ b/site/content/docs/5.1/components/pagination.md @@ -160,7 +160,7 @@ Change the alignment of pagination components with [flexbox utilities]({{< docsr ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap's evolving CSS variables approach, pagination now uses local CSS variables on `.pagination` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/popovers.md b/site/content/docs/5.1/components/popovers.md index 44c053b671..93ccc6f783 100644 --- a/site/content/docs/5.1/components/popovers.md +++ b/site/content/docs/5.1/components/popovers.md @@ -83,7 +83,7 @@ var popover = new bootstrap.Popover(document.querySelector('.example-popover'), ### Custom popovers -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} You can customize the appearance of popovers using [CSS variables](#variables). We set a custom class with `data-bs-custom-class="custom-popover"` to scope our custom appearance and use it to override some of the local CSS variables. @@ -135,7 +135,7 @@ For disabled popover triggers, you may also prefer `data-bs-trigger="hover focus ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap’s evolving CSS variables approach, popovers now use local CSS variables on `.popover` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. diff --git a/site/content/docs/5.1/components/tooltips.md b/site/content/docs/5.1/components/tooltips.md index 8ec95c137f..ee2808f41b 100644 --- a/site/content/docs/5.1/components/tooltips.md +++ b/site/content/docs/5.1/components/tooltips.md @@ -54,7 +54,7 @@ Hover over the links below to see tooltips: ### Custom tooltips -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} You can customize the appearance of tooltips using [CSS variables](#variables). We set a custom class with `data-bs-custom-class="custom-tooltip"` to scope our custom appearance and use it to override a local CSS variable. @@ -125,7 +125,7 @@ With an SVG: ### Variables -<small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 rounded-2">Added in v5.2.0</small> +{{< added-in "5.2.0" >}} As part of Bootstrap’s evolving CSS variables approach, tooltips now use local CSS variables on `.tooltip` for enhanced real-time customization. Values for the CSS variables are set via Sass, so Sass customization is still supported, too. |