diff options
| author | Mark Otto <[email protected]> | 2022-04-06 17:35:31 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-04-07 09:37:04 -0700 |
| commit | dab026fc2bb43aff8d16033143d1bf0d71198277 (patch) | |
| tree | bbd724786a541aab5b564136b3534ad294dedd04 | |
| parent | 5b31463e35bc9af18fabb30f76186c0e77ea2b99 (diff) | |
| download | bootstrap-dab026fc2bb43aff8d16033143d1bf0d71198277.tar.xz bootstrap-dab026fc2bb43aff8d16033143d1bf0d71198277.zip | |
Revert border-color utilities to use the CSS property instead of the variable
| -rw-r--r-- | scss/_utilities.scss | 3 | ||||
| -rw-r--r-- | site/content/docs/5.1/utilities/borders.md | 6 |
2 files changed, 7 insertions, 2 deletions
diff --git a/scss/_utilities.scss b/scss/_utilities.scss index 3705f92ab..9e6052909 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -148,8 +148,7 @@ $utilities: map-merge( ) ), "border-color": ( - css-var: true, - css-variable-name: border-color, + property: border-color, class: border, values: $utilities-border-colors ), diff --git a/site/content/docs/5.1/utilities/borders.md b/site/content/docs/5.1/utilities/borders.md index 6939dcdf8..17d353b32 100644 --- a/site/content/docs/5.1/utilities/borders.md +++ b/site/content/docs/5.1/utilities/borders.md @@ -43,6 +43,12 @@ Change the border color using utilities built on our theme colors. <span class="border border-white"></span> {{< /example >}} +{{< callout >}} +Unlike text and background color utilities, border color utilities redeclare the `border-color` property **without** an additional `--bs-border-opacity`, as opposed to resetting only `--bs-border-color`. This ensures the backward compatibility of border color utilities applying to other components while providing additional functionality through CSS variables. + +This will be revisited in a future major release. +{{< /callout >}} + ## Opacity {{< added-in "5.2.0" >}} |