Fix font inconsistency (Shopify#254)

joeufb · Jul 27, 2021 · 267bacf · 267bacf
1 parent a87910d
commit 267bacf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/assets/base.css b/assets/base.css
@@ -519,6 +519,7 @@ h6:empty {
   color: rgb(var(--color-link));
   background-color: transparent;
   font-size: 1.4rem;
+  font-family: inherit;
 }
 
 .link--text {

diff --git a/assets/section-main-product.css b/assets/section-main-product.css
@@ -55,6 +55,7 @@
 
 .shopify-payment-button__button {
   border-radius: 0;
+  font-family: inherit;
   min-height: 4.6rem;
   overflow: hidden;
 }
@@ -202,7 +203,7 @@ fieldset.product-form__input .form__label {
 
 .shopify-payment-button__button {
   font-size: 1.5rem;
-  letter-spacing: .1rem;
+  letter-spacing: 0.1rem;
 }
 
 /* Product info */
@@ -393,7 +394,8 @@ a.product__text {
   left: 1.5rem;
   top: 1.5rem;
   z-index: 1;
-  transition: color var(--duration-short) ease, opacity var(--duration-short) ease;
+  transition: color var(--duration-short) ease,
+    opacity var(--duration-short) ease;
 }
 
 .product__media-video .product__media-icon {