fix card group border radii (#24491)

diff --git a/scss/_card.scss b/scss/_card.scss
index a739f193558aaae11ab2ff6a572217485c150c3a..66f344eda0cd52a1afc72d0200375791a1470730 100644 (file)
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -194,10 +194,12 @@
         &:first-child {
           @include border-right-radius(0);
 
-          .card-img-top {
+          .card-img-top,
+          .card-header {
             border-top-right-radius: 0;
           }
-          .card-img-bottom {
+          .card-img-bottom,
+          .card-footer {
             border-bottom-right-radius: 0;
           }
         }
@@ -205,10 +207,12 @@
         &:last-child {
           @include border-left-radius(0);
 
-          .card-img-top {
+          .card-img-top,
+          .card-header {
             border-top-left-radius: 0;
           }
-          .card-img-bottom {
+          .card-img-bottom,
+          .card-footer {
             border-bottom-left-radius: 0;
           }
         }
@@ -216,10 +220,12 @@
         &:only-child {
           @include border-radius($card-border-radius);
 
-          .card-img-top {
+          .card-img-top,
+          .card-header {
             @include border-top-radius($card-border-radius);
           }
-          .card-img-bottom {
+          .card-img-bottom,
+          .card-footer {
             @include border-bottom-radius($card-border-radius);
           }
         }
@@ -228,7 +234,9 @@
           border-radius: 0;
 
           .card-img-top,
-          .card-img-bottom {
+          .card-img-bottom,
+          .card-header,
+          .card-footer {
             border-radius: 0;
           }
         }