summaryrefslogtreecommitdiffstats
path: root/site/content/docs/5.3/utilities
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-07-24 09:22:02 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-07-24 09:22:02 +0000
commit8b9e5144f7af3bb0578d80ed619dd0743d0d5f0f (patch)
treec651acc917541c3ad4fc91eb30df52c2f07095fd /site/content/docs/5.3/utilities
parentAdding upstream version 5.3.1+dfsg. (diff)
downloadbootstrap-html-8b9e5144f7af3bb0578d80ed619dd0743d0d5f0f.tar.xz
bootstrap-html-8b9e5144f7af3bb0578d80ed619dd0743d0d5f0f.zip
Adding upstream version 5.3.3+dfsg.upstream/5.3.3+dfsgupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'site/content/docs/5.3/utilities')
-rw-r--r--site/content/docs/5.3/utilities/background.md7
-rw-r--r--site/content/docs/5.3/utilities/position.md2
-rw-r--r--site/content/docs/5.3/utilities/text.md2
3 files changed, 5 insertions, 6 deletions
diff --git a/site/content/docs/5.3/utilities/background.md b/site/content/docs/5.3/utilities/background.md
index c17ed84..1239261 100644
--- a/site/content/docs/5.3/utilities/background.md
+++ b/site/content/docs/5.3/utilities/background.md
@@ -22,12 +22,11 @@ Background utilities like `.bg-*` that generated from our original `$theme-color
{{< colors.inline >}}
{{- range (index $.Site.Data "theme-colors") }}
<div class="p-3 mb-2 bg-{{ .name }}{{ if .contrast_color }} text-{{ .contrast_color }}{{ else }} text-white{{ end }}">.bg-{{ .name }}</div>
-<div class="p-3 mb-2 bg-{{ .name }}-subtle text-emphasis-{{ .name }}">.bg-{{ .name }}-subtle</div>
+<div class="p-3 mb-2 bg-{{ .name }}-subtle text-{{ .name }}-emphasis">.bg-{{ .name }}-subtle</div>
{{- end -}}
{{< /colors.inline >}}
-<p class="p-3 mb-2 bg-body-secondary">.bg-body-secondary</p>
-<p class="p-3 mb-2 bg-body-tertiary">.bg-body-tertiary</p>
-
+<div class="p-3 mb-2 bg-body-secondary">.bg-body-secondary</div>
+<div class="p-3 mb-2 bg-body-tertiary">.bg-body-tertiary</div>
<div class="p-3 mb-2 bg-body text-body">.bg-body</div>
<div class="p-3 mb-2 bg-black text-white">.bg-black</div>
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
diff --git a/site/content/docs/5.3/utilities/position.md b/site/content/docs/5.3/utilities/position.md
index a2ef4ec..76df926 100644
--- a/site/content/docs/5.3/utilities/position.md
+++ b/site/content/docs/5.3/utilities/position.md
@@ -90,7 +90,7 @@ Here are some real life examples of these classes:
{{< example class="bd-example-position-examples d-flex justify-content-around align-items-center" >}}
<button type="button" class="btn btn-primary position-relative">
- Mails <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-secondary">+99 <span class="visually-hidden">unread messages</span></span>
+ Mails <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill text-bg-secondary">+99 <span class="visually-hidden">unread messages</span></span>
</button>
<div class="position-relative py-2 px-4 text-bg-secondary border border-secondary rounded-pill">
diff --git a/site/content/docs/5.3/utilities/text.md b/site/content/docs/5.3/utilities/text.md
index 95fe06b..68b516a 100644
--- a/site/content/docs/5.3/utilities/text.md
+++ b/site/content/docs/5.3/utilities/text.md
@@ -31,7 +31,7 @@ Note that we don't provide utility classes for justified text. While, aesthetica
Wrap text with a `.text-wrap` class.
{{< example >}}
-<div class="badge bg-primary text-wrap" style="width: 6rem;">
+<div class="badge text-bg-primary text-wrap" style="width: 6rem;">
This text should wrap.
</div>
{{< /example >}}