Update card outline mixin

Fixes #22056 by ensuring outline cards make their header/footer transparent and use the right border color.

diff --git a/scss/mixins/_cards.scss b/scss/mixins/_cards.scss
index 4b1232d8b20094db228d7da58353f4bf2b9cb639..e535b316d7f67004e1a3b4cfa400f3bf27985fb8 100644 (file)
--- a/scss/mixins/_cards.scss
+++ b/scss/mixins/_cards.scss
@@ -13,6 +13,12 @@
 @mixin card-outline-variant($color) {
   background-color: transparent;
   border-color: $color;
+
+  .card-header,
+  .card-footer {
+    background-color: transparent;
+    border-color: $color;
+  }
 }
 
 //