diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-07-24 09:22:02 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-07-24 09:22:02 +0000 |
| commit | 8b9e5144f7af3bb0578d80ed619dd0743d0d5f0f (patch) | |
| tree | c651acc917541c3ad4fc91eb30df52c2f07095fd /site/content/docs/5.3/utilities | |
| parent | Adding upstream version 5.3.1+dfsg. (diff) | |
| download | bootstrap-html-upstream.tar.xz bootstrap-html-upstream.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 '')
| -rw-r--r-- | site/content/docs/5.3/utilities/background.md | 7 | ||||
| -rw-r--r-- | site/content/docs/5.3/utilities/position.md | 2 | ||||
| -rw-r--r-- | site/content/docs/5.3/utilities/text.md | 2 |
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 >}} |