Shawburn: Recompiling with Global Styles support

shawburn/style-woocommerce.css

@@ -141,6 +141,10 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
  * Crop Text Boundry
  * - Sets a fixed-width on content within alignwide and alignfull blocks
  */
+/**
+ * Add font-family using CSS variables.
+ * It also adds the proper fallback for browsers without support.
+ */
 /**
  * Varia Extends
  */
@@ -172,6 +176,7 @@ body[class*="woocommerce"] #page .woocommerce.widget_shopping_cart .buttons a {
 	cursor: pointer;
 	font-weight: 700;
 	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
 	font-size: 0.83333rem;
 	background-color: #0C80A1;
 	border-radius: 4px;
@@ -292,7 +297,7 @@ body[class*="woocommerce"] #page span.onsale, #content .wc-block-grid .wc-block-
 	color: #222222;
 	font-size: 0.83333rem;
 	font-weight: 700;
-	font-family: "PT Serif", Times, sans-serif;
+	font-family: ("fallback": '"PT Serif", Times, sans-serif', "css-var": "--font-headings");
 	min-height: 3.236rem;
 	min-width: 3.236rem;
 	padding: 0.202rem;
@@ -323,6 +328,7 @@ body[class*="woocommerce"] #page .woocommerce-breadcrumb {
 	margin-bottom: 32px;
 	font-size: 1rem;
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	color: #767676;
 }
 
@@ -626,6 +632,7 @@ body[class*="woocommerce"] #page .woocommerce input.button:disabled[disabled]:ho
 
 #content .wc-block-grid .wc-block-grid__product-title {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-size: 1rem;
 }
 
@@ -833,6 +840,7 @@ body[class*="woocommerce"] #page .main-navigation ul.cart_list li a:not(.remove)
 body[class*="woocommerce"] #page .main-navigation ul.product_list_widget li a:not(.remove),
 body[class*="woocommerce"] #page .main-navigation .woocommerce-mini-cart__total {
 	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
 	font-size: 1rem;
 }
 
@@ -858,6 +866,7 @@ body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers {
 body[class*="woocommerce"] #page .woocommerce-pagination .page-numbers li > * {
 	display: block;
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-size: 1.2rem;
 	font-weight: 600;
 	padding-left: calc(0.66 * 16px);
@@ -1067,6 +1076,7 @@ body[class*="woocommerce"] #page .woocommerce-tabs .panel {
 body[class*="woocommerce"] #page .woocommerce-tabs .panel h2,
 body[class*="woocommerce"] #page .woocommerce-tabs .panel .comment-reply-title {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-size: 1.44rem;
 	font-weight: bold;
 }
@@ -1115,6 +1125,7 @@ body[class*="woocommerce"] #page #reviews #comments ol.commentlist li img.avatar
 
 body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .woocommerce-review__author {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 }
 
 body[class*="woocommerce"] #page #reviews #comments ol.commentlist li .comment-text {
@@ -1398,6 +1409,7 @@ body[class*="woocommerce"] #page td.product-thumbnail img {
 
 body[class*="woocommerce"] #page td.product-name {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-weight: 700;
 }
 
@@ -1431,6 +1443,7 @@ body[class*="woocommerce"] #page table.cart td.actions .input-text {
  */
 body[class*="woocommerce"] #page .woocommerce-order h2 {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-size: 1.44rem;
 	font-weight: bold;
 }
@@ -1446,6 +1459,7 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details {
 body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li {
 	border: none;
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-size: 0.83333rem;
 	margin-right: 0;
 	padding: 16px;
@@ -1462,6 +1476,7 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li:no
 
 body[class*="woocommerce"] #page .woocommerce-order-overview.order_details li strong {
 	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
 	font-size: 1.2rem;
 	line-height: 1.125;
 }
@@ -1638,6 +1653,7 @@ body[class*="woocommerce"] #page .woocommerce-invalid #terms {
 
 body[class*="woocommerce"] #page .checkout h3 {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	font-size: 1.44rem;
 	font-weight: bold;
 }
@@ -1861,6 +1877,7 @@ body[class*="woocommerce"] #page {
 body[class*="woocommerce"] #page ul.cart_list li a:not(.remove),
 body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
 	font-family: "PT Serif", Times, sans-serif;
+	font-family: var(--font-headings, "PT Serif", Times, sans-serif);
 	line-height: 1.125;
 }
 

shawburn/style.css

@@ -200,6 +200,7 @@ input[type="submit"],
 	cursor: pointer;
 	font-weight: 700;
 	font-family: "PT Sans", Arial, sans-serif;
+	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
 	font-size: 0.83333rem;
 	background-color: #0C80A1;
 	border-radius: 4px;
@@ -1149,75 +1150,6 @@ object {
 /**
  * Button
  */
-<<<<<<< HEAD
-=======
-button,
-.button,
-input[type="submit"],
-.wp-block-button__link,
-.wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
-	line-height: 1;
-	color: white;
-	cursor: pointer;
-	font-weight: 700;
-	font-family: "PT Sans", Arial, sans-serif;
-	font-family: var(--font-base, "PT Sans", Arial, sans-serif);
-	font-size: 0.83333rem;
-	background-color: #0C80A1;
-	border-radius: 4px;
-	border-width: 0;
-	padding: 16px 24px;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before, button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button:before,
-.button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before,
-.wp-block-file__button:before, .a8c-posts-list__view-all:before, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:before {
-	margin-bottom: -0.12em;
-}
-
-button:after,
-.button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after,
-.wp-block-file__button:after, .a8c-posts-list__view-all:after, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:after {
-	margin-top: -0.11em;
-}
-
-button:hover,
-.button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover,
-.wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover, button:focus,
-.button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus,
-.wp-block-file__button:focus, .a8c-posts-list__view-all:focus, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:focus, button.has-focus,
-.has-focus.button,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link,
-.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.has-focus.accept {
-	color: white;
-	background-color: #085a72;
-}
-
->>>>>>> enhancement/add-wc-support
 /**
  * Block Options
  */