From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Tue, 3 Nov 2020 07:44:42 +0000 (+0000)
Subject: Backport #32040 (#32054)
X-Git-Tag: v4.6.0~96
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bbfd22f924f24cb447cf9f8a6c50f282621817b8;p=thirdparty%2Fbootstrap.git

Backport #32040 (#32054)

Add callouts about using light colors ideally on a dark background
---

diff --git a/site/docs/4.5/components/buttons.md b/site/docs/4.5/components/buttons.md
index b0856f5fc5..978b7683ec 100644
--- a/site/docs/4.5/components/buttons.md
+++ b/site/docs/4.5/components/buttons.md
@@ -49,6 +49,11 @@ In need of a button, but not the hefty background colors they bring? Replace the
 {% endcapture %}
 {% include example.html content=example %}
 
+{% capture callout %}
+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.
+{% endcapture %}
+{% include callout.html content=callout type="info" %}
+
 ## Sizes
 
 Fancy larger or smaller buttons? Add `.btn-lg` or `.btn-sm` for additional sizes.