rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

docs(customize/colors): dump grays swatches (unused) and merge -500 in swatches

Browse Source
This commit is contained in:
Gaël Poupard 2020-05-07 16:48:08 +02:00 committed by Gaël Poupard
parent e03ef123e2
commit b45a2ab178
2 changed files with 2 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
site/assets/scss/_colors.scss
View File

@ -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; }

2
site/content/docs/5.0/customize/color.md
View File

@ -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>