2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-20 20:00:36 +03:00

docs: remove swatches for theme colors. (#29327)

Use the built-in utilities instead.
This commit is contained in:
XhmikosR
2019-08-29 15:18:47 +03:00
parent 68ddcec057
commit f732bf025a
2 changed files with 1 additions and 8 deletions
-7
View File
@@ -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);
+1 -1
View File
@@ -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>