diff options
| author | XhmikosR <xhmikosr@gmail.com> | 2019-08-29 15:18:47 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2019-09-26 18:37:07 +0300 |
| commit | f732bf025a51a10826137f41e49036be0a8d4009 (patch) | |
| tree | 51393f170865b1306ee3adfeb7af00fa6b7ac85d /site | |
| parent | 68ddcec0571ed108b364f502cca105ffd0aee504 (diff) | |
docs: remove swatches for theme colors. (#29327)
Use the built-in utilities instead.
Diffstat (limited to 'site')
| -rw-r--r-- | site/docs/4.3/assets/scss/_colors.scss | 7 | ||||
| -rw-r--r-- | site/docs/4.3/getting-started/theming.md | 2 |
2 files changed, 1 insertions, 8 deletions
diff --git a/site/docs/4.3/assets/scss/_colors.scss b/site/docs/4.3/assets/scss/_colors.scss index 8d2825c570..10ad8efdb7 100644 --- a/site/docs/4.3/assets/scss/_colors.scss +++ b/site/docs/4.3/assets/scss/_colors.scss @@ -9,13 +9,6 @@ } } -@each $color, $value in $theme-colors { - .swatch-#{$color} { - color: color-yiq($value); - background-color: #{$value}; - } -} - @each $color, $value in $grays { .swatch-#{$color} { color: color-yiq($value); diff --git a/site/docs/4.3/getting-started/theming.md b/site/docs/4.3/getting-started/theming.md index c52ca752b6..198a55da3a 100644 --- a/site/docs/4.3/getting-started/theming.md +++ b/site/docs/4.3/getting-started/theming.md @@ -292,7 +292,7 @@ We use a subset of all colors to create a smaller color palette for generating c <div class="row"> {% for color in site.data.theme-colors %} <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> {% endfor %} </div> |