summaryrefslogtreecommitdiffstats
path: root/site/content/docs/5.3/utilities/text.md
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--site/content/docs/5.3/utilities/text.md (renamed from site/content/docs/5.2/utilities/text.md)17
1 files changed, 11 insertions, 6 deletions
diff --git a/site/content/docs/5.2/utilities/text.md b/site/content/docs/5.3/utilities/text.md
index 060194f..5787f95 100644
--- a/site/content/docs/5.2/utilities/text.md
+++ b/site/content/docs/5.3/utilities/text.md
@@ -38,7 +38,7 @@ Wrap text with a `.text-wrap` class.
Prevent text from wrapping with a `.text-nowrap` class.
{{< example >}}
-<div class="text-nowrap bg-light border" style="width: 8rem;">
+<div class="text-nowrap bg-body-secondary border" style="width: 8rem;">
This text should overflow the parent.
</div>
{{< /example >}}
@@ -90,6 +90,7 @@ Quickly change the `font-weight` or `font-style` of text with these utilities. `
<p class="fw-bold">Bold text.</p>
<p class="fw-bolder">Bolder weight text (relative to the parent element).</p>
<p class="fw-semibold">Semibold weight text.</p>
+<p class="fw-medium">Medium weight text.</p>
<p class="fw-normal">Normal weight text.</p>
<p class="fw-light">Light weight text.</p>
<p class="fw-lighter">Lighter weight text (relative to the parent element).</p>
@@ -121,7 +122,7 @@ Change a selection to our monospace font stack with `.font-monospace`.
Reset a text or link's color with `.text-reset`, so that it inherits the color from its parent.
{{< example >}}
-<p class="text-muted">
+<p class="text-body-secondary">
Muted text with a <a href="#" class="text-reset">reset link</a>.
</p>
{{< /example >}}
@@ -136,19 +137,23 @@ Decorate text in components with text decoration classes.
<a href="#" class="text-decoration-none">This link has its text decoration removed</a>
{{< /example >}}
-## Sass
+## CSS
-### Variables
+### Sass variables
+
+Default type and font related Sass variables:
{{< scss-docs name="font-variables" file="scss/_variables.scss" >}}
-### Maps
+### Sass maps
Font-size utilities are generated from this map, in combination with our utilities API.
{{< scss-docs name="font-sizes" file="scss/_variables.scss" >}}
-### Utilities API
+{{< scss-docs name="theme-text-map" file="scss/_maps.scss" >}}
+
+### Sass utilities API
Font and text utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}})