jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CASH-959 Urbanist font update for hop.

Browse source
This commit is contained in:
Bryan Mauger 2025-06-16 14:22:34 -04:00
parent 07aabaa7f1
commit fa20710fbe
2 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
public/css/hop-styling.css
View file

@ -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! */ /* 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 { body {
font-family: Roboto; font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
color: #000; color: #000;
margin: 0; margin: 0;
background-color: white; background-color: white;
padding: 8px; padding: 8px;
} }
body h3 {
font-weight: 600;
}
body .validation-info { body .validation-info {
display: none; display: none;
} }
@ -31,7 +35,7 @@ body .form-group {
body .headerlinecontainer .headerline1 { body .headerlinecontainer .headerline1 {
font-size: 20px; font-size: 20px;
line-height: 32px; line-height: 32px;
font-weight: 400; font-weight: 500;
margin: 24px 0; margin: 24px 0;
text-align: center; text-align: center;
} }
@ -92,7 +96,7 @@ body .creditCardSpecific div .headerlinecontainer {
display: none; display: none;
} }
body .creditCardSpecific div label { body .creditCardSpecific div label {
font-weight: 500; font-weight: 600;
} }
body .creditCardSpecific #infoRow2 { body .creditCardSpecific #infoRow2 {
margin-bottom: 0; margin-bottom: 0;
@ -268,6 +272,7 @@ body .cc-error-container #alert-message {
#fmg-checkout-shared #other-payments-container label span.paymentOptionText { #fmg-checkout-shared #other-payments-container label span.paymentOptionText {
margin: auto 0; margin: auto 0;
padding-left: 0; padding-left: 0;
font-weight: 600;
} }
#fmg-checkout-shared #other-payments-container #afterpayParentLink label > span:first-of-type { #fmg-checkout-shared #other-payments-container #afterpayParentLink label > span:first-of-type {
width: 100%; width: 100%;

12
public/scss/hop-styling.scss
View file

@ -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! */ /* 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 { body {
font-family: Roboto; font-family: Urbanist, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
color: #000; color: #000;
margin: 0; margin: 0;
background-color: white; background-color: white;
padding: 8px; padding: 8px;
h3 {
font-weight: 600;
}
.validation-info { .validation-info {
display: none; display: none;
} }
@ -37,7 +42,7 @@ body {
.headerline1 { .headerline1 {
font-size: 20px; font-size: 20px;
line-height: 32px; line-height: 32px;
font-weight: 400; font-weight: 500;
margin: 24px 0; margin: 24px 0;
text-align: center; text-align: center;
} }
@ -98,7 +103,7 @@ body {
display: none; display: none;
} }
label { label {
font-weight: 500; font-weight: 600;
} }
} }
#infoRow2 { #infoRow2 {
@ -325,6 +330,7 @@ body {
&.paymentOptionText { &.paymentOptionText {
margin: auto 0; margin: auto 0;
padding-left: 0; padding-left: 0;
font-weight: 600;
} }
} }
} }