mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
docs: remove swatches for theme colors. (#29327)
Use the built-in utilities instead.
This commit is contained in:
parent
68ddcec057
commit
f732bf025a
@ -9,13 +9,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.swatch-#{$color} {
|
|
||||||
color: color-yiq($value);
|
|
||||||
background-color: #{$value};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $color, $value in $grays {
|
@each $color, $value in $grays {
|
||||||
.swatch-#{$color} {
|
.swatch-#{$color} {
|
||||||
color: color-yiq($value);
|
color: color-yiq($value);
|
||||||
|
@ -292,7 +292,7 @@ We use a subset of all colors to create a smaller color palette for generating c
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
{% for color in site.data.theme-colors %}
|
{% for color in site.data.theme-colors %}
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="p-3 mb-3 swatch-{{ color.name }}">{{ color.name | capitalize }}</div>
|
<div class="p-3 mb-3 bg-{{ color.name }} {% if color.name == "light" or color.name == "warning" %}text-dark{% else %}text-white{% endif %}">{{ color.name | capitalize }}</div>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user