Add spacing below Mini Cart title (#8676)

woocommerce · Mar 14, 2023 · aad74d8 · aad74d8
1 parent 62cf7ab
commit aad74d8
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/assets/js/blocks/mini-cart/style.scss b/assets/js/blocks/mini-cart/style.scss
@@ -97,6 +97,7 @@
 
 .wp-block-woocommerce-empty-mini-cart-contents-block,
 .wp-block-woocommerce-filled-mini-cart-contents-block {
+	background: inherit;
 	height: 100%;
 	max-height: -webkit-fill-available;
 	max-height: -moz-available;
@@ -121,7 +122,11 @@
 
 h2.wc-block-mini-cart__title {
 	@include font-size(larger);
-	margin: $gap $gap 0;
+	background: inherit;
+	margin: $gap $gap $gap * -2;
+	padding-bottom: $gap * 2;
+	mask-image: linear-gradient(#000 calc(100% - #{$gap * 1.5}), transparent);
+	z-index: 1;
 }
 
 .wc-block-mini-cart__items {