diff --git a/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue b/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue index 9e98eb9c3..68d9baf2f 100644 --- a/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue +++ b/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue @@ -82,6 +82,8 @@ Amount Due + +
6 or 12 monthly payment plans available
@@ -208,6 +210,12 @@ export default { overflow: hidden; opacity: 0; visibility: hidden; + + > p { + padding-top: 1rem; + font-size: $font-size-12; + margin: 0; + } } } .payment-section { diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss index 178d50d35..22e17e3b7 100644 --- a/src/styles/ux-variables.scss +++ b/src/styles/ux-variables.scss @@ -130,6 +130,7 @@ $font-family-base: $font-family-sans-serif; $font-family-code: $font-family-monospace; $font-size-base: 1rem; // Assumes the browser default, typically `16px` +$font-size-12: $font-size-base * 0.75; // 12px $font-size-20: $font-size-base * 1.25; // 20px //Custom Font size (extra small)