diff options
author | Patrick H. Lauke <redux@splintered.co.uk> | 2020-11-02 23:39:49 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-11-02 23:39:49 +0300 |
commit | 6682bba82db029ce62b1d63949a077ddd7eb0bb6 (patch) | |
tree | 959a0b216c5afc58dd78aac0c9286b41cded1c86 | |
parent | c9f8fa45fb821d700c1f2e0eea8cf03a87a0ee70 (diff) |
Add callouts about using light colors ideally on a dark background (#32040)
* Add callout about using light colors ideally on a dark background
* Add callout to helpers > colored links as well
-rw-r--r-- | site/content/docs/5.0/components/buttons.md | 4 | ||||
-rw-r--r-- | site/content/docs/5.0/helpers/colored-links.md | 4 |
2 files changed, 8 insertions, 0 deletions
diff --git a/site/content/docs/5.0/components/buttons.md b/site/content/docs/5.0/components/buttons.md index 845aba7224..ab31bb2156 100644 --- a/site/content/docs/5.0/components/buttons.md +++ b/site/content/docs/5.0/components/buttons.md @@ -54,6 +54,10 @@ In need of a button, but not the hefty background colors they bring? Replace the {{< /buttons.inline >}} {{< /example >}} +{{< callout info >}} +Some of the button styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast. +{{< /callout >}} + ## Sizes Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes. diff --git a/site/content/docs/5.0/helpers/colored-links.md b/site/content/docs/5.0/helpers/colored-links.md index f75cae4275..ffaf7cdba4 100644 --- a/site/content/docs/5.0/helpers/colored-links.md +++ b/site/content/docs/5.0/helpers/colored-links.md @@ -15,3 +15,7 @@ You can use the `.link-*` classes to colorize links. Unlike the [`.text-*` class {{- end -}} {{< /colored-links.inline >}} {{< /example >}} + +{{< callout info >}} +Some of the link styles use a relatively light foreground color, and should only be used on a dark background in order to have sufficient contrast. +{{< /callout >}} |