Merge branch 'enhancement/add-wc-support' into enhancement/add-wc-support-balasana

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

@@ -4,6 +4,9 @@
 
 $config-woocommerce: (
 
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": default,
+
 	/* Tables */
 	"table": (
 		/* Borders */

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

@@ -4,6 +4,9 @@
 
 $config-woocommerce: (
 
+	/* Wrapper Width - accepts full, wide, or defuault */
+	"wrapper-width": default,
+
 	/* Tables */
 	"table": (
 		/* Borders */

varia/sass/vendors/woocommerce/layout/_structure.scss

@@ -2,6 +2,28 @@
  * Structure
  */
 
+
+/**
+ * WooCommerce Wrapper Width
+ */
+
+body[class*="woocommerce"] #page .woocommerce,
+body[class*="woocommerce"] #page #woocommerce-wrapper,
+body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment) {
+
+	// Get wrapper width setting
+	$wc-wrapper-width: map-deep-get($config-woocommerce, "wrapper-width");
+
+	@if $wc-wrapper-width == wide {
+		@extend %responsive-alignwide-nested;
+	} @else if $wc-wrapper-width == full {
+		@extend %responsive-alignfull;
+	} @else {
+		// Default width
+	}
+}
+
+
 /**
  * Vertical Space - 32px
  */

varia/style-woocommerce-rtl.css

@@ -1185,6 +1185,9 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
 /**
  * Structure
  */
+/**
+ * WooCommerce Wrapper Width
+ */
 /**
  * Vertical Space - 32px
  */

varia/style-woocommerce.css

@@ -1185,6 +1185,9 @@ body[class*="woocommerce"] #page #reviews #comments .commentlist > li::before {
 /**
  * Structure
  */
+/**
+ * WooCommerce Wrapper Width
+ */
 /**
  * Vertical Space - 32px
  */