Varia: Code tidying

varia/inc/woocommerce.php

@@ -71,6 +71,7 @@ if ( ! function_exists( 'varia_cart_link' ) ) {
 	 * @since  1.0.0
 	 */
 	function varia_cart_link() {
+
 		$link_output = sprintf(
 			'<a class="woocommerce-cart-link" href="%1$s" title="%2$s">
 				%3$s
@@ -82,6 +83,7 @@ if ( ! function_exists( 'varia_cart_link' ) ) {
 			wp_kses_post( WC()->cart->get_cart_subtotal() ),
 			wp_kses_data( sprintf( _n( '%d item', '%d items', WC()->cart->get_cart_contents_count(), 'varia' ), WC()->cart->get_cart_contents_count() ) )
 		);
+
 		return $link_output;
 	}
 }
@@ -164,7 +166,7 @@ function varia_add_cart_menu( $nav, $args ) {
 			<li class="menu-item wc-menu-item %6$s" title="%2$s">
 				%4$s
 				<ul class="sub-menu">
-					<li class="wc-menu-items-list" title="%3$s">
+					<li class="woocommerce-cart-widget" title="%3$s">
 						%5$s
 					</li>
 				</ul>

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

@@ -8,5 +8,21 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		display: inline-block;
 		text-decoration: none;
 	}
+
+	.main-navigation {
+
+		.woocommerce-cart-widget {
+			padding: #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")} 0;
+
+			@include media(mobile) {
+				padding: #{map-deep-get($config-header, "main-nav", "link-padding")};
+			}
+		}
+
+		ul.cart_list li a,
+		ul.product_list_widget li a {
+			padding: 0;
+		}
+	}
 }
 

varia/style-woocommerce.css

@@ -712,6 +712,21 @@ body[class*="woocommerce"] #page .wc-block-grid__product-add-to-cart .added_to_c
 	text-decoration: none;
 }
 
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	padding: 8px 0;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+		padding: 16px;
+	}
+}
+
+body[class*="woocommerce"] #page .main-navigation ul.cart_list li a,
+body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a {
+	padding: 0;
+}
+
 /**
  * Product loops
  */