Don't clearfix if flexbox is enabled. Fixes #18849

diff --git a/scss/_card.scss b/scss/_card.scss
index 3982f6e8526fd7780aaa06fab8f89e83b3a104f8..646a2815826839553748ed879304b17da8d1dcb8 100644 (file)
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -12,7 +12,9 @@
 }
 
 .card-block {
-  @include clearfix;
+  @if (not $enable-flex) {
+    @include clearfix;
+  }
   padding: $card-spacer-x;
 }
 
@@ -69,7 +71,9 @@
 //
 
 .card-header {
-  @include clearfix;
+  @if (not $enable-flex) {
+    @include clearfix;
+  }
   padding: $card-spacer-y $card-spacer-x;
   background-color: $card-cap-bg;
   border-bottom: $card-border-width solid $card-border-color;
@@ -80,7 +84,9 @@
 }
 
 .card-footer {
-  @include clearfix;
+  @if (not $enable-flex) {
+    @include clearfix;
+  }
   padding: $card-spacer-y $card-spacer-x;
   background-color: $card-cap-bg;
   border-top: $card-border-width solid $card-border-color;