diff options
Diffstat (limited to 'site/content/docs/4.3/utilities/colors.md')
| -rw-r--r-- | site/content/docs/4.3/utilities/colors.md | 14 |
1 files changed, 2 insertions, 12 deletions
diff --git a/site/content/docs/4.3/utilities/colors.md b/site/content/docs/4.3/utilities/colors.md index 13b204d41f..62a35b059c 100644 --- a/site/content/docs/4.3/utilities/colors.md +++ b/site/content/docs/4.3/utilities/colors.md @@ -8,6 +8,8 @@ toc: true ## Color +Colorize text with color utilities. If you want to colorize links, you can use the [`.link-*` helper classes]({{< docsref "/helpers/colored-links" >}}) which have `:hover` and `:focus` states. + {{< example >}} {{< colors.inline >}} {{- range (index $.Site.Data "theme-colors") }} @@ -21,18 +23,6 @@ toc: true <p class="text-white-50 bg-dark">.text-white-50</p> {{< /example >}} -Contextual text classes also work well on anchors with the provided hover and focus states. **Note that the `.text-white` and `.text-muted` class has no additional link styling beyond underline.** - -{{< example >}} -{{< colors.inline >}} -{{- range (index $.Site.Data "theme-colors") }} -<p><a href="#" class="text-{{ .name }}{{ if eq .name "light" }} bg-dark{{ end }}">{{ .name | title }} link</a></p> -{{- end -}} -{{< /colors.inline >}} -<p><a href="#" class="text-muted">Muted link</a></p> -<p><a href="#" class="text-white bg-dark">White link</a></p> -{{< /example >}} - ## Background color Similar to the contextual text color classes, easily set the background of an element to any contextual class. Background utilities **do not set `color`**, so in some cases you'll want to use `.text-*` utilities. |