root
/
bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Issues Actions 11 Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
scss/_utilities.scss
View File

@ -148,8 +148,7 @@ $utilities: map-merge(
) )
), ),
"border-color": ( "border-color": (
css-var: true, property: border-color,
css-variable-name: border-color,
class: border, class: border,
values: $utilities-border-colors values: $utilities-border-colors
), ),

6
site/content/docs/5.1/utilities/borders.md
View File

@ -43,6 +43,12 @@ Change the border color using utilities built on our theme colors.
<span class="border border-white"></span> <span class="border border-white"></span>
{{< /example >}} {{< /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 ## Opacity
{{< added-in "5.2.0" >}} {{< added-in "5.2.0" >}}