mirror of
https://github.com/twbs/bootstrap.git
synced 2025-01-18 10:52:19 +01:00
Revert border-color utilities to use the CSS property instead of the variable
This commit is contained in:
parent
5b31463e35
commit
dab026fc2b
@ -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
|
||||
),
|
||||
|
@ -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" >}}
|
||||
|
Loading…
x
Reference in New Issue
Block a user