Revert border-color utilities to use the CSS property instead of the variable

This commit is contained in:
Mark Otto 2022-04-06 17:35:31 -07:00 committed by Mark Otto
parent 5b31463e35
commit dab026fc2b
2 changed files with 7 additions and 2 deletions

View File

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

View File

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