The alert borders ignore border-width
Created by: rxbracho
Prerequisites
-
I have searched for duplicate or closed issues -
I have validated any HTML to avoid common problems -
I have read the contributing guidelines
Describe the issue
The alert borders use --bs-alert-border
which explicitely sets, both, the width and the style of the border to 1px
and solid
, respectively. In particular, it doesn't make use of --bs-border-width
so utilities like .border-2
have no effect.
Reduced test cases
From bootstrap.css, we find: --bs-alert-border: 1px solid var(--bs-alert-border-color);
and .border-2
simply sets: --bs-border-width: 2px;
which has no effect in the alert.
My workaround was a class .alert-border
setting --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
although it should probably have --bs-border-style
instead of solid
, but there are no utilities to set that variable.
What operating system(s) are you seeing the problem on?
Windows, Android, Linux
What browser(s) are you seeing the problem on?
Chrome, Firefox
What version of Bootstrap are you using?
v5.2.1