From b45a2ab178b26c52b787142bc334d9df1bfd8973 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Ga=C3=ABl=20Poupard?= <gael.poupard@orange.com>
Date: Thu, 7 May 2020 16:48:08 +0200
Subject: [PATCH] docs(customize/colors): dump grays swatches (unused) and
 merge -500 in swatches

---
 site/assets/scss/_colors.scss            | 9 +--------
 site/content/docs/5.0/customize/color.md | 2 +-
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/site/assets/scss/_colors.scss b/site/assets/scss/_colors.scss
index 17c6783658..751ce3c763 100644
--- a/site/assets/scss/_colors.scss
+++ b/site/assets/scss/_colors.scss
@@ -2,7 +2,7 @@
 // Docs color palette classes
 //
 
-@each $color, $value in $colors {
+@each $color, $value in map-merge($colors, ("gray-500": $gray-500)) {
   .swatch-#{$color} {
     color: color-contrast($value);
     background-color: #{$value};
@@ -40,13 +40,6 @@
   }
 }
 
-@each $color, $value in $grays {
-  .swatch-#{$color} {
-    color: color-contrast($value);
-    background-color: #{$value};
-  }
-}
-
 // stylelint-disable declaration-block-single-line-max-declarations
 
 .bd-blue-100 { color: color-contrast($blue-100); background-color: $blue-100; }
diff --git a/site/content/docs/5.0/customize/color.md b/site/content/docs/5.0/customize/color.md
index b48bbaadb3..6e61e6df15 100644
--- a/site/content/docs/5.0/customize/color.md
+++ b/site/content/docs/5.0/customize/color.md
@@ -49,7 +49,7 @@ Be sure to monitor contrast ratios as you customize colors. As shown below, we'v
   {{ end -}}
 
   <div class="col-md-4 mb-3">
-    <div class="p-3 mb-2 bd-gray-500">
+    <div class="p-3 mb-2 position-relative swatch-gray-500">
       <strong class="d-block">$gray-500</strong>
       #adb5bd
     </div>
-- 
2.47.2