mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-13 09:04:14 +02:00
Code Issues Releases Wiki 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
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 // Docs color palette classes
// //
@each $color, $value in $colors { @each $color, $value in map-merge($colors, ("gray-500": $gray-500)) {
.swatch-#{$color} { .swatch-#{$color} {
color: color-contrast($value); color: color-contrast($value);
background-color: #{$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 // stylelint-disable declaration-block-single-line-max-declarations
.bd-blue-100 { color: color-contrast($blue-100); background-color: $blue-100; } .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 -}} {{ end -}}
<div class="col-md-4 mb-3"> <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> <strong class="d-block">$gray-500</strong>
#adb5bd #adb5bd
</div> </div>