Varia: Cleaning up WC config files, fix remove icon spacing.

varia/sass/child-theme/_config-child-theme-woocommerce.scss

@@ -26,9 +26,23 @@ $config-woocommerce: (
 		"padding": map-deep-get($config-global, "spacing", "horizontal"),
 	),
 
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+	),
+
 	/* Star Rating */
 	"star-rating": (
-		/* Font Family */
+		/* Color */
 		"color": map-deep-get($config-global, "color", "alert", "warning"),
 	),
 );

varia/sass/vendors/woocommerce/abstracts/_config-woocommerce.scss

@@ -26,9 +26,23 @@ $config-woocommerce: (
 		"padding": map-deep-get($config-global, "spacing", "horizontal"),
 	),
 
+	/* Mini cart */
+	"mini-cart": (
+		/* Color */
+		"color": (
+			"subtotal": map-deep-get($config-global, "color", "foreground", "default"),
+			"count": map-deep-get($config-global, "color", "foreground", "light"),
+		),
+		/* Button */
+		"button": (
+			"color": map-deep-get($config-button, "color", "text"),
+			"background-color": map-deep-get($config-button, "color", "background"),
+		),
+	),
+
 	/* Star Rating */
 	"star-rating": (
-		/* Font Family */
+		/* Color */
 		"color": map-deep-get($config-global, "color", "alert", "warning"),
 	),
 );

varia/sass/vendors/woocommerce/components/_mini-cart.scss

@@ -21,11 +21,11 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			}
 
 			.woocommerce-cart-subtotal {
-				color: #{map-deep-get($config-header, "branding", "color", "text")};
+				color: #{map-deep-get($config-woocommerce, "mini-cart", "color", "subtotal")};
 			}
 
 			.woocommerce-cart-count {
-				color: #{map-deep-get($config-global, "color", "foreground", "light")};
+				color: #{map-deep-get($config-woocommerce, "mini-cart", "color", "count")};
 				font-weight: normal;
 			}
 
@@ -62,6 +62,8 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			.woocommerce-mini-cart__buttons {
 				text-align: right;
 				a {
+					color: map-deep-get($config-woocommerce, "mini-cart", "button", "color");
+					background-color: map-deep-get($config-woocommerce, "mini-cart", "button", "background-color");
 					margin: 0;
 					text-align: right;
 

varia/sass/vendors/woocommerce/elements/_remove-icon.scss

@@ -6,6 +6,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 
 	a.remove {
 		font-size: map-deep-get($config-global, "font", "size", "lg");
+		font-family: sans-serif !important; // Required for theme compatibility
 		height: map-deep-get($config-global, "font", "size", "lg");
 		width: map-deep-get($config-global, "font", "size", "lg");
 		color: red !important; // Required for default theme compatibility

varia/style-rtl.css

@@ -972,7 +972,8 @@ footer {
 .post-thumbnail > *,
 .page-content > *,
 .comment-content > *,
-.author-bio > * {
+.author-bio > *,
+.widget-area > .widget > * {
 	margin-top: 16px;
 	margin-bottom: 16px;
 }
@@ -982,7 +983,8 @@ footer {
 .post-thumbnail > *:first-child,
 .page-content > *:first-child,
 .comment-content > *:first-child,
-.author-bio > *:first-child {
+.author-bio > *:first-child,
+.widget-area > .widget > *:first-child {
 	margin-top: 0;
 }
 
@@ -991,7 +993,8 @@ footer {
 .post-thumbnail > *:last-child,
 .page-content > *:last-child,
 .comment-content > *:last-child,
-.author-bio > *:last-child {
+.author-bio > *:last-child,
+.widget-area > .widget > *:last-child {
 	margin-bottom: 0;
 }
 

varia/style-woocommerce.css

@@ -419,6 +419,7 @@ body[class*="woocommerce"] #page .woocommerce-password-hint {
  */
 body[class*="woocommerce"] #page a.remove {
 	font-size: 1.44rem;
+	font-family: sans-serif !important;
 	height: 1.44rem;
 	width: 1.44rem;
 	color: red !important;
@@ -822,6 +823,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .wooc
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__buttons a {
+	color: white;
+	background-color: blue;
 	margin: 0;
 	text-align: right;
 }