mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
docs: remove swatches for theme colors. (#29327)
Use the built-in utilities instead.
This commit is contained in:
parent
ee01dc2340
commit
e99625c088
@ -276,7 +276,7 @@ We use a subset of all colors to create a smaller color palette for generating c
|
|||||||
{{< theme-colors.inline >}}
|
{{< theme-colors.inline >}}
|
||||||
{{- range (index $.Site.Data "theme-colors") }}
|
{{- range (index $.Site.Data "theme-colors") }}
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="p-3 mb-3 swatch-{{ .name }}">{{ .name | title }}</div>
|
<div class="p-3 mb-3 bg-{{ .name }} {{ if or (eq .name "light") (eq .name "warning") }}text-dark{{ else }}text-white{{ end }}">{{ .name | title }}</div>
|
||||||
</div>
|
</div>
|
||||||
{{ end -}}
|
{{ end -}}
|
||||||
{{< /theme-colors.inline >}}
|
{{< /theme-colors.inline >}}
|
||||||
|
@ -9,13 +9,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@each $color, $value in $theme-colors {
|
|
||||||
.swatch-#{$color} {
|
|
||||||
color: color-yiq($value);
|
|
||||||
background-color: #{$value};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@each $color, $value in $grays {
|
@each $color, $value in $grays {
|
||||||
.swatch-#{$color} {
|
.swatch-#{$color} {
|
||||||
color: color-yiq($value);
|
color: color-yiq($value);
|
||||||
|
Loading…
Reference in New Issue
Block a user