rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity

Add callouts about using light colors ideally on a dark background (#32040)

Browse Source 
* Add callout about using light colors ideally on a dark background

* Add callout to helpers > colored links as well
This commit is contained in:
Patrick H. Lauke 2020-11-02 20:39:49 +00:00 committed by GitHub
parent c9f8fa45fb
commit 6682bba82d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.0/components/buttons.md
View File

@ -54,6 +54,10 @@ In need of a button, but not the hefty background colors they bring? Replace the
{{< /buttons.inline >}} {{< /buttons.inline >}}
{{< /example >}} {{< /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 ## Sizes
Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes. Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes.

4
site/content/docs/5.0/helpers/colored-links.md
View File

@ -15,3 +15,7 @@ You can use the `.link-*` classes to colorize links. Unlike the [`.text-*` class
{{- end -}} {{- end -}}
{{< /colored-links.inline >}} {{< /colored-links.inline >}}
{{< /example >}} {{< /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 >}}