Browse Source

Barnsbury: Add mini-cart styles for WC.

Allan Cole 5 years ago
parent
commit
b134dcb18d

+ 5 - 2
barnsbury/sass/_config-child-theme-woocommerce.scss

@@ -30,13 +30,16 @@ $config-woocommerce: (
 	"mini-cart": (
 		/* Color */
 		"color": (
+			"background": map-deep-get($config-global, "color", "primary", "default"),
+			"border": map-deep-get($config-global, "color", "border", "light"),
+			"text": map-deep-get($config-global, "color", "background", "light"),
 			"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"),
+			"color": map-deep-get($config-global, "color", "primary", "default"),
+			"background-color": map-deep-get($config-global, "color", "background", "light"),
 		),
 	),
 

+ 10 - 0
barnsbury/style-woocommerce-rtl.css

@@ -806,6 +806,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #20603C;
+	color: #FDF9EC;
 	max-width: 100%;
 	padding: 4px 0;
 }
@@ -817,6 +819,14 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
 	}
 }
 
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list {
+	border-bottom: 1px solid #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list li {
+	border-top: 1px solid #FAFAFA;
+}
+
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
 	text-align: left;
 }

+ 12 - 2
barnsbury/style-woocommerce.css

@@ -806,6 +806,8 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link + .sub-
 }
 
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
+	background-color: #20603C;
+	color: #FDF9EC;
 	max-width: 100%;
 	padding: 4px 0;
 }
@@ -817,6 +819,14 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
 	}
 }
 
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list {
+	border-bottom: 1px solid #FAFAFA;
+}
+
+body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .cart_list li {
+	border-top: 1px solid #FAFAFA;
+}
+
 body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget .woocommerce-mini-cart__total {
 	text-align: right;
 }
@@ -827,8 +837,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 {
 	clear: right;
-	color: #FFFDF6;
-	background-color: #20603C;
+	color: #20603C;
+	background-color: #FDF9EC;
 	margin: 0;
 	float: right;
 }