diff options
| author | Gaël Poupard <[email protected]> | 2020-05-07 16:48:08 +0200 |
|---|---|---|
| committer | Gaël Poupard <[email protected]> | 2020-05-20 09:49:18 +0200 |
| commit | b45a2ab178b26c52b787142bc334d9df1bfd8973 (patch) | |
| tree | ff87b5db506eed0e23e061285345ed88d3a78890 | |
| parent | e03ef123e2408da7b92d486d75270764b31be68d (diff) | |
| download | bootstrap-b45a2ab178b26c52b787142bc334d9df1bfd8973.tar.xz bootstrap-b45a2ab178b26c52b787142bc334d9df1bfd8973.zip | |
docs(customize/colors): dump grays swatches (unused) and merge -500 in swatches
| -rw-r--r-- | site/assets/scss/_colors.scss | 9 | ||||
| -rw-r--r-- | 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 17c678365..751ce3c76 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 b48bbaadb..6e61e6df1 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> |