From c01d14d81b9158f239dceca456c37a6f0bb720ff Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Mon, 16 Jun 2025 14:08:22 -0400 Subject: [PATCH 1/3] CASH-959 update hop font to Urbanist. --- public/css/hop-styling.css | 10 +++++++--- public/scss/hop-styling.scss | 13 ++++++++++--- 2 files changed, 17 insertions(+), 6 deletions(-) diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index abe8a4599..0c82e0789 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -2,14 +2,18 @@ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap"); body { - font-family: Roboto; + font-family: Urbanist; font-weight: 400; color: #000; margin: 0; background-color: white; padding: 8px; } +body h3 { + font-weight: 600; +} body .validation-info { display: none; } @@ -31,7 +35,7 @@ body .form-group { body .headerlinecontainer .headerline1 { font-size: 20px; line-height: 32px; - font-weight: 400; + font-weight: 500; margin: 24px 0; text-align: center; } @@ -92,7 +96,7 @@ body .creditCardSpecific div .headerlinecontainer { display: none; } body .creditCardSpecific div label { - font-weight: 500; + font-weight: 600; } body .creditCardSpecific #infoRow2 { margin-bottom: 0; diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss index e721af1d2..e85619f10 100644 --- a/public/scss/hop-styling.scss +++ b/public/scss/hop-styling.scss @@ -2,14 +2,21 @@ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ + +@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); + body { - font-family: Roboto; + font-family: Urbanist; font-weight: 400; color: #000; margin: 0; background-color: white; padding: 8px; + h3 { + font-weight: 600; + } + .validation-info { display: none; } @@ -37,7 +44,7 @@ body { .headerline1 { font-size: 20px; line-height: 32px; - font-weight: 400; + font-weight: 500; margin: 24px 0; text-align: center; } @@ -98,7 +105,7 @@ body { display: none; } label { - font-weight: 500; + font-weight: 600; } } #infoRow2 { From 07aabaa7f186c28e8b62ee931d0fcb3fe27fee66 Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Mon, 16 Jun 2025 14:14:28 -0400 Subject: [PATCH 2/3] Revert "CASH-959 update hop font to Urbanist." This reverts commit c01d14d81b9158f239dceca456c37a6f0bb720ff. --- public/css/hop-styling.css | 10 +++------- public/scss/hop-styling.scss | 13 +++---------- 2 files changed, 6 insertions(+), 17 deletions(-) diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index 0c82e0789..abe8a4599 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -2,18 +2,14 @@ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ -@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap"); body { - font-family: Urbanist; + font-family: Roboto; font-weight: 400; color: #000; margin: 0; background-color: white; padding: 8px; } -body h3 { - font-weight: 600; -} body .validation-info { display: none; } @@ -35,7 +31,7 @@ body .form-group { body .headerlinecontainer .headerline1 { font-size: 20px; line-height: 32px; - font-weight: 500; + font-weight: 400; margin: 24px 0; text-align: center; } @@ -96,7 +92,7 @@ body .creditCardSpecific div .headerlinecontainer { display: none; } body .creditCardSpecific div label { - font-weight: 600; + font-weight: 500; } body .creditCardSpecific #infoRow2 { margin-bottom: 0; diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss index e85619f10..e721af1d2 100644 --- a/public/scss/hop-styling.scss +++ b/public/scss/hop-styling.scss @@ -2,21 +2,14 @@ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ - -@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); - body { - font-family: Urbanist; + font-family: Roboto; font-weight: 400; color: #000; margin: 0; background-color: white; padding: 8px; - h3 { - font-weight: 600; - } - .validation-info { display: none; } @@ -44,7 +37,7 @@ body { .headerline1 { font-size: 20px; line-height: 32px; - font-weight: 500; + font-weight: 400; margin: 24px 0; text-align: center; } @@ -105,7 +98,7 @@ body { display: none; } label { - font-weight: 600; + font-weight: 500; } } #infoRow2 { From fa20710fbeb5850ccd3f2464990a97f68173dd3c Mon Sep 17 00:00:00 2001 From: Bryan Mauger Date: Mon, 16 Jun 2025 14:22:34 -0400 Subject: [PATCH 3/3] CASH-959 Urbanist font update for hop. --- public/css/hop-styling.css | 11 ++++++++--- public/scss/hop-styling.scss | 12 +++++++++--- 2 files changed, 17 insertions(+), 6 deletions(-) diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css index abe8a4599..a79c2f049 100644 --- a/public/css/hop-styling.css +++ b/public/css/hop-styling.css @@ -2,14 +2,18 @@ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap"); body { - font-family: Roboto; + font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 400; color: #000; margin: 0; background-color: white; padding: 8px; } +body h3 { + font-weight: 600; +} body .validation-info { display: none; } @@ -31,7 +35,7 @@ body .form-group { body .headerlinecontainer .headerline1 { font-size: 20px; line-height: 32px; - font-weight: 400; + font-weight: 500; margin: 24px 0; text-align: center; } @@ -92,7 +96,7 @@ body .creditCardSpecific div .headerlinecontainer { display: none; } body .creditCardSpecific div label { - font-weight: 500; + font-weight: 600; } body .creditCardSpecific #infoRow2 { margin-bottom: 0; @@ -268,6 +272,7 @@ body .cc-error-container #alert-message { #fmg-checkout-shared #other-payments-container label span.paymentOptionText { margin: auto 0; padding-left: 0; + font-weight: 600; } #fmg-checkout-shared #other-payments-container #afterpayParentLink label > span:first-of-type { width: 100%; diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss index e721af1d2..3d30255cc 100644 --- a/public/scss/hop-styling.scss +++ b/public/scss/hop-styling.scss @@ -2,14 +2,19 @@ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ /* IMPORTANT: READ README.md in this folder! Do not edit .css file directly! */ +@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap"); body { - font-family: Roboto; + font-family: Urbanist, Arial, Helvetica, sans-serif; font-weight: 400; color: #000; margin: 0; background-color: white; padding: 8px; + h3 { + font-weight: 600; + } + .validation-info { display: none; } @@ -37,7 +42,7 @@ body { .headerline1 { font-size: 20px; line-height: 32px; - font-weight: 400; + font-weight: 500; margin: 24px 0; text-align: center; } @@ -98,7 +103,7 @@ body { display: none; } label { - font-weight: 500; + font-weight: 600; } } #infoRow2 { @@ -325,6 +330,7 @@ body { &.paymentOptionText { margin: auto 0; padding-left: 0; + font-weight: 600; } } }