Brompton: Recompiling with changes to master.

brompton/style-rtl.css

@@ -762,9 +762,7 @@ a {
 .site-header:after,
 .site-content:after,
 .site-footer:after {
-	content: "";
-	display: table;
-	table-layout: fixed;
+	clear: both;
 }
 
 /**

brompton/style-woocommerce-rtl.css

@@ -173,6 +173,60 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Page Layout Styles & Repsonsive Styles
  */
 /* Responsive width-content overrides */
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
+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) {
+	width: calc(100% + 256px);
+	max-width: 100%;
+	margin-right: auto;
+	margin-left: auto;
+}
+
+@media only screen and (min-width: 560px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	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) {
+		width: calc(calc( 560px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 640px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	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) {
+		width: calc(calc( 640px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 782px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	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) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	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) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
+@media only screen and (min-width: 1280px) {
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
+	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) {
+		width: calc(calc( 782px - 32px) + 256px);
+		max-width: 100%;
+	}
+}
+
 /**
  * Varia Extends
  */
@@ -321,7 +375,7 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a.ha
  */
 body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-grid__product-onsale {
 	border-radius: 100%;
-	background-color: gold;
+	background-color: #ff9900;
 	color: #474747;
 	font-size: 0.83333rem;
 	font-weight: 700;
@@ -381,53 +435,53 @@ body[class*="woocommerce"] #page .woocommerce-warning {
 
 body[class*="woocommerce"] #page .woocommerce-notice--message,
 body[class*="woocommerce"] #page .woocommerce-notice--info {
-	color: skyblue;
+	color: #2d78b9;
 }
 
 body[class*="woocommerce"] #page .woocommerce-notice--success {
-	color: yellowgreen;
+	color: #5bc039;
 }
 
 body[class*="woocommerce"] #page .woocommerce-notice--error {
-	color: salmon;
+	color: #C04239;
 }
 
 body[class*="woocommerce"] #page .woocommerce-notice--warning {
-	color: gold;
+	color: #ff9900;
 }
 
 body[class*="woocommerce"] #page .woocommerce-message,
 body[class*="woocommerce"] #page .woocommerce-info {
-	border-top-color: skyblue;
+	border-top-color: #2d78b9;
 }
 
 body[class*="woocommerce"] #page .woocommerce-message:before,
 body[class*="woocommerce"] #page .woocommerce-info:before {
-	color: skyblue;
+	color: #2d78b9;
 }
 
 body[class*="woocommerce"] #page .woocommerce-success {
-	border-top-color: yellowgreen;
+	border-top-color: #5bc039;
 }
 
 body[class*="woocommerce"] #page .woocommerce-success:before {
-	color: yellowgreen;
+	color: #5bc039;
 }
 
 body[class*="woocommerce"] #page .woocommerce-error {
-	border-top-color: salmon;
+	border-top-color: #C04239;
 }
 
 body[class*="woocommerce"] #page .woocommerce-error:before {
-	color: salmon;
+	color: #C04239;
 }
 
 body[class*="woocommerce"] #page .woocommerce-warning {
-	border-top-color: gold;
+	border-top-color: #ff9900;
 }
 
 body[class*="woocommerce"] #page .woocommerce-warning:before {
-	color: gold;
+	color: #ff9900;
 }
 
 /**
@@ -444,22 +498,22 @@ body[class*="woocommerce"] #page .woocommerce-password-strength {
 }
 
 body[class*="woocommerce"] #page .woocommerce-password-strength.strong {
-	background-color: yellowgreen;
+	background-color: #5bc039;
 	border-color: none;
 }
 
 body[class*="woocommerce"] #page .woocommerce-password-strength.good {
-	background-color: gold;
+	background-color: #ff9900;
 	border-color: none;
 }
 
 body[class*="woocommerce"] #page .woocommerce-password-strength.short {
-	background-color: salmon;
+	background-color: #C04239;
 	border-color: none;
 }
 
 body[class*="woocommerce"] #page .woocommerce-password-strength.bad {
-	background-color: salmon;
+	background-color: #C04239;
 	border-color: none;
 }
 
@@ -496,17 +550,17 @@ body[class*="woocommerce"] #page small.note {
  * Star ratings
  */
 body[class*="woocommerce"] #page .star-rating::before {
-	color: gold;
+	color: #ff9900;
 	content: "\53\53\53\53\53";
 	opacity: 0.4;
 }
 
 body[class*="woocommerce"] #page .star-rating span {
-	color: gold;
+	color: #ff9900;
 }
 
 body[class*="woocommerce"] #page p.stars a {
-	color: gold;
+	color: #ff9900;
 }
 
 /**
@@ -675,7 +729,7 @@ body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:ho
 }
 
 #content .wc-block-grid .wc-block-grid__product-price ins {
-	color: yellowgreen;
+	color: #5bc039;
 	font-weight: bold;
 	text-decoration: none;
 }
@@ -753,7 +807,7 @@ body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_tot
 
 body[class*="woocommerce"] #page .cart-collaterals .cart_totals .discount td,
 body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cart_totals .discount td {
-	color: gold;
+	color: #ff9900;
 }
 
 body[class*="woocommerce"] #page .cart-collaterals .shipping-calculator-button,
@@ -1049,13 +1103,13 @@ body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.p
 body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product .price .from,
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product .price .from {
 	font-size: 0.69444rem;
-	color: gold;
+	color: #ff9900;
 }
 
 #woocommerce-wrapper ul.products li.product.sale a > .price ins,
 body[class*="woocommerce"] #page #add_payment_method .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins,
 body[class*="woocommerce"] #page .cart-collaterals .cross-sells ul.products li.product.sale a > .price ins {
-	color: yellowgreen;
+	color: #5bc039;
 }
 
 /**
@@ -1710,7 +1764,7 @@ body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
 }
 
 body[class*="woocommerce"] #page .woocommerce-invalid #terms {
-	outline-color: salmon;
+	outline-color: #C04239;
 }
 
 body[class*="woocommerce"] #page .checkout h3 {
@@ -1725,7 +1779,7 @@ body[class*="woocommerce"] #page .woocommerce-terms-and-conditions {
 }
 
 body[class*="woocommerce"] #page .woocommerce-invalid #terms {
-	outline-color: salmon;
+	outline-color: #C04239;
 }
 
 /**

brompton/style-woocommerce.css

@@ -173,7 +173,7 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Page Layout Styles & Repsonsive Styles
  */
 /* Responsive width-content overrides */
-body[class*="woocommerce"] #page .woocommerce,
+body[class*="woocommerce"] #page .woocommerce:not(.widget),
 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) {
 	width: calc(100% + 256px);
@@ -183,7 +183,7 @@ body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.
 }
 
 @media only screen and (min-width: 560px) {
-	body[class*="woocommerce"] #page .woocommerce,
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
 	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) {
 		width: calc(calc( 560px - 32px) + 256px);
@@ -192,7 +192,7 @@ body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.
 }
 
 @media only screen and (min-width: 640px) {
-	body[class*="woocommerce"] #page .woocommerce,
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
 	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) {
 		width: calc(calc( 640px - 32px) + 256px);
@@ -201,7 +201,7 @@ body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.
 }
 
 @media only screen and (min-width: 782px) {
-	body[class*="woocommerce"] #page .woocommerce,
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
 	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) {
 		width: calc(calc( 782px - 32px) + 256px);
@@ -210,7 +210,7 @@ body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.
 }
 
 @media only screen and (min-width: 1024px) {
-	body[class*="woocommerce"] #page .woocommerce,
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
 	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) {
 		width: calc(calc( 782px - 32px) + 256px);
@@ -219,7 +219,7 @@ body[class*="woocommerce"] #page .woocommerce-Tabs-panel.entry-content > *:not(.
 }
 
 @media only screen and (min-width: 1280px) {
-	body[class*="woocommerce"] #page .woocommerce,
+	body[class*="woocommerce"] #page .woocommerce:not(.widget),
 	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) {
 		width: calc(calc( 782px - 32px) + 256px);

brompton/style.css

@@ -762,9 +762,7 @@ a {
 .site-header:after,
 .site-content:after,
 .site-footer:after {
-	content: "";
-	display: table;
-	table-layout: fixed;
+	clear: both;
 }
 
 /**