Balasana: Fix=es compiling error, and cleans up cart button.

balasana/sass/_extra-child-theme.scss

@@ -124,11 +124,11 @@ dt {
 		background: $color_background;
 		border: 1px solid $color_border;
 		border-radius: $border_radius_sm;
-		left: #{2* $spacing_horizontal};
+		left: #{$spacing_horizontal};
 		margin-top: #{0.5 * $spacing_unit};
 		padding: 0 #{0.5 * $spacing_unit};
 		position: absolute;
-		right: #{2 * $spacing_horizontal};
+		right: #{$spacing_horizontal};
 		z-index: 99;
 	}
 

balasana/sass/style-child-theme-woocommerce.scss

@@ -63,6 +63,17 @@ body[class*="woocommerce"] #page {
 
 			#toggle-cart {
 				margin-left: #{map-deep-get($config-global, "spacing", "unit")};
+				padding: #{0.5 * map-deep-get($config-global, "spacing", "unit")} map-deep-get($config-global, "spacing", "unit");
+
+				.svg-icon {
+					height: 24px;
+					width: 24px;
+				}
+
+				&:before,
+				&:after {
+					margin: 0;
+				}
 			}
 
 			& > div {
@@ -77,7 +88,6 @@ body[class*="woocommerce"] #page {
 			}
 		}
 	}
-}
 
 	// Clean up mini-cart styles for desktop
 	@include media(mobile) {

balasana/style-rtl.css

@@ -3746,11 +3746,11 @@ dt {
 	background: white;
 	border: 1px solid #D0D0D0;
 	border-radius: 4px;
-	right: 32px;
+	right: 16px;
 	margin-top: 8px;
 	padding: 0 8px;
 	position: absolute;
-	left: 32px;
+	left: 16px;
 	z-index: 99;
 }
 

balasana/style-woocommerce-rtl.css

@@ -2198,6 +2198,14 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 	}
 	body[class*="woocommerce"] #page #site-navigation #toggle-cart {
 		margin-right: 16px;
+		padding: 8px 16px;
+	}
+	body[class*="woocommerce"] #page #site-navigation #toggle-cart .svg-icon {
+		height: 24px;
+		width: 24px;
+	}
+	body[class*="woocommerce"] #page #site-navigation #toggle-cart:before, body[class*="woocommerce"] #page #site-navigation #toggle-cart:after {
+		margin: 0;
 	}
 	body[class*="woocommerce"] #page #site-navigation > div {
 		right: 16px;

balasana/style-woocommerce.css

@@ -2198,6 +2198,14 @@ body[class*="woocommerce"] #page .widget_price_filter .price_slider_wrapper .ui-
 	}
 	body[class*="woocommerce"] #page #site-navigation #toggle-cart {
 		margin-left: 16px;
+		padding: 8px 16px;
+	}
+	body[class*="woocommerce"] #page #site-navigation #toggle-cart .svg-icon {
+		height: 24px;
+		width: 24px;
+	}
+	body[class*="woocommerce"] #page #site-navigation #toggle-cart:before, body[class*="woocommerce"] #page #site-navigation #toggle-cart:after {
+		margin: 0;
 	}
 	body[class*="woocommerce"] #page #site-navigation > div {
 		left: 16px;

balasana/style.css

@@ -2490,6 +2490,16 @@ body:not(.fse-enabled) .site-description {
 	z-index: 1;
 }
 
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
+.main-navigation > div > ul li:hover, .main-navigation > div > ul li[focus-within] {
+	cursor: pointer;
+	z-index: 99999;
+}
+
 .main-navigation > div > ul li:hover, .main-navigation > div > ul li:focus-within {
 	cursor: pointer;
 	z-index: 99999;
@@ -2502,6 +2512,22 @@ body:not(.fse-enabled) .site-description {
 		/* Submenu display */
 	}
 	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
+	.main-navigation > div > ul li[focus-within] > ul,
+	.main-navigation > div > ul li ul:hover,
+	.main-navigation > div > ul li ul:focus {
+		visibility: visible;
+		opacity: 1;
+		display: block;
+	}
+	.main-navigation > div > ul li:hover > ul,
 	.main-navigation > div > ul li:focus-within > ul,
 	.main-navigation > div > ul li ul:hover,
 	.main-navigation > div > ul li ul:focus {
@@ -3775,11 +3801,11 @@ dt {
 	background: white;
 	border: 1px solid #D0D0D0;
 	border-radius: 4px;
-	left: 32px;
+	left: 16px;
 	margin-top: 8px;
 	padding: 0 8px;
 	position: absolute;
-	right: 32px;
+	right: 16px;
 	z-index: 99;
 }