mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 04:41:36 +02:00
Code Issues Releases Wiki Activity

Change the text color to dark on bg color warning examples (#24805)

Browse Source
This commit is contained in:
Andres Galante
2017-11-17 01:57:49 -03:00
committed by XhmikosR
parent 81cf6c4968
commit 8df34b075a
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/4.0/utilities/colors.md
View File

@@ -30,7 +30,7 @@ Similar to the contextual text color classes, easily set the background of an el
{% example html %} {% example html %}
{% for color in site.data.theme-colors %} {% for color in site.data.theme-colors %}
<div class="p-3 mb-2 bg-{{ color.name }} {% if color.name == "light" %}text-dark{% else %}text-white{% endif %}">.bg-{{ color.name }}</div>{% endfor %} <div class="p-3 mb-2 bg-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-{{ color.name }}</div>{% endfor %}
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div> <div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
{% endexample %} {% endexample %}
@@ -40,7 +40,7 @@ When `$enable-gradients` is set to true, you'll be able to use `.bg-gradient-` u
{% example html %} {% example html %}
{% for color in site.data.theme-colors %} {% for color in site.data.theme-colors %}
<div class="p-3 mb-2 bg-gradient-{{ color.name }} {% if color.name == "light" %}text-dark{% else %}text-white{% endif %}">.bg-gradient-{{ color.name }}</div>{% endfor %} <div class="p-3 mb-2 bg-gradient-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">.bg-gradient-{{ color.name }}</div>{% endfor %}
{% endexample %} {% endexample %}
{% callout info %} {% callout info %}