Card border color inconsistency
Created by: crdo
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
Card
cap (header/footer) border color is different than border color of the Card
itself.
As the default cap background is rgba($black, .03)
and the default cap border color is inherited from the Card
via $card-border-color
the transparent derivates of black are added up to shade of gray that is different than the Card
border.
Therefore I suggest to introduce a new var card-cap-border-color
whose default will be rgba($black, .145).
I have crated PR with suggested change.
Reduced test cases
The bug can bee seen on the docs itself https://getbootstrap.com/docs/5.2/components/card/#header-and-footer.
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Safari
What version of Bootstrap are you using?
5.2