diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md')
-rw-r--r-- | vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md index 50df793f2..fe33cac48 100644 --- a/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md +++ b/vendor/twbs/bootstrap/site/content/docs/5.3/utilities/borders.md @@ -36,6 +36,10 @@ Or remove borders: ## Color +{{< callout info >}} +Border utilities like `.border-*` that generated from our original `$theme-colors` Sass map don't yet respond to color modes, however, any `.border-*-subtle` utility will. This will be resolved in v6. +{{< /callout >}} + Change the border color using utilities built on our theme colors. {{< example class="bd-example-border-utils" >}} @@ -45,6 +49,7 @@ Change the border color using utilities built on our theme colors. <span class="border border-{{ .name }}-subtle"></span> {{- end -}} {{< /border.inline >}} +<span class="border border-black"></span> <span class="border border-white"></span> {{< /example >}} @@ -162,6 +167,20 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from {{< scss-docs name="border-radius-variables" file="scss/_variables.scss" >}} +Variables for setting `border-color` in `.border-*-subtle` utilities in light and dark mode: + +{{< scss-docs name="theme-border-subtle-variables" file="scss/_variables.scss" >}} + +{{< scss-docs name="theme-border-subtle-dark-variables" file="scss/_variables-dark.scss" >}} + +### Sass maps + +Color mode adaptive border colors are also available as a Sass map: + +{{< scss-docs name="theme-border-subtle-map" file="scss/_maps.scss" >}} + +{{< scss-docs name="theme-border-subtle-dark-map" file="scss/_maps.scss" >}} + ### Sass mixins {{< scss-docs name="border-radius-mixins" file="scss/mixins/_border-radius.scss" >}} |