Merge pull request #450 from bootscore/Add-missing-fallback-for-previ…

…ous-horizontal-loop-card-images

Add missing fallback for previous horizontal loop card images

scss/_bscore_style.scss

@@ -12,8 +12,8 @@
 @import "bootscore/header";
 @import "bootscore/loop";
 @import "bootscore/markups";
+@import "bootscore/recycle_bin";
 @import "bootscore/single";
-@import "bootscore/temporary";
 @import "bootscore/top_button";
 @import "bootscore/utilities";
 @import "bootscore/widgets";

scss/_bscore_woocommerce.scss

@@ -20,10 +20,10 @@
 @import "bootscore_woocommerce/wc_product_grouped";
 @import "bootscore_woocommerce/wc_product_single";
 @import "bootscore_woocommerce/wc_product_variable";
+@import "bootscore_woocommerce/wc_recycle_bin";
 @import "bootscore_woocommerce/wc_sale_badge";
 @import "bootscore_woocommerce/wc_shipping";
 @import "bootscore_woocommerce/wc_shop_page";
-@import "bootscore_woocommerce/wc_temporary";
 @import "bootscore_woocommerce/wc_tables";
 @import "bootscore_woocommerce/wc_tabs";
 @import "bootscore_woocommerce/wc_thank_you";

scss/bootscore/_recycle_bin.scss

@@ -0,0 +1,63 @@
+/*--------------------------------------------------------------
+Recycle bin
+--------------------------------------------------------------*/
+
+// Remove autop (WP 5.7 bug near shortcode)
+// https://wordpress.org/support/topic/how-to-stop-wp-from-adding-p-tag-automatically/
+p:empty:before {
+  content: none;
+}
+
+// Hide racaptcha v3 badge
+.grecaptcha-badge {
+  display: none !important;
+}
+
+// Dark mode text-body in loop (remove in Bootstrap 5.3.0)
+.dark-theme .text-body {
+  color: var(--#{$prefix}light) !important;
+}
+
+
+// Fallback for previous horizontal card images
+// See https://github.com/bootscore/bootscore/issues/447
+// Remove in v6
+// category.php, archive.php, author.php and search results
+@include media-breakpoint-down(lg) {
+  .card-img-left-md img {
+    border-top-left-radius: $border-radius;
+    border-top-right-radius: $border-radius;
+    width: 100%;
+    height: auto;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .card-img-left-md img {
+    border-top-left-radius: $border-radius;
+    border-bottom-left-radius: $border-radius;
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+// Sticky post in index.php
+@include media-breakpoint-down(md) {
+  .card-img-left img {
+    border-top-left-radius: $border-radius;
+    border-top-right-radius: $border-radius;
+    width: 100%;
+    height: auto;
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .card-img-left img {
+    border-top-left-radius: $border-radius;
+    border-bottom-left-radius: $border-radius;
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+  }
+}

scss/bootscore_woocommerce/_wc_temporary.scss → scss/bootscore_woocommerce/_wc_recycle_bin.scss

@@ -1,5 +1,5 @@
 /*--------------------------------------------------------------
-WooCommerce Temporary
+WooCommerce Recycle bin
 --------------------------------------------------------------*/
 
 // Hide duplicate empty mini-cart message in cart page