From ddd85634c023c5b230fd8226214be6f44ee6a7b0 Mon Sep 17 00:00:00 2001 From: Edward Zarecor Date: Fri, 27 Mar 2026 15:54:12 -0400 Subject: [PATCH 1/2] feat!: correcting the typography of this brand theme. --- paragon/_fonts.scss | 2 +- paragon/_variables.scss | 45 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 1 deletion(-) diff --git a/paragon/_fonts.scss b/paragon/_fonts.scss index 4542cbde..a8bdca8f 100644 --- a/paragon/_fonts.scss +++ b/paragon/_fonts.scss @@ -1 +1 @@ -// Add any font imports or definitions here +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto+Mono&display=swap'); diff --git a/paragon/_variables.scss b/paragon/_variables.scss index f84e2b32..d81cab06 100644 --- a/paragon/_variables.scss +++ b/paragon/_variables.scss @@ -1,2 +1,47 @@ // Use this file to set SASS variables for @edx/paragon // See _variables.scss in https://github.com/openedx/paragon/blob/master/scss/core/ for reference + +// Font families — matches elm-theme +$font-family-sans-serif: "Inter", "Helvetica Neue", Arial, sans-serif !default; +$font-family-serif: $font-family-sans-serif !default; +$font-family-monospace: "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; + +// Heading sizes (desktop) +$h1-font-size: 3rem !default; +$h2-font-size: 2.25rem !default; +$h3-font-size: 1.75rem !default; +$h4-font-size: 1.5rem !default; +$h5-font-size: 1.25rem !default; +$h6-font-size: 1.125rem !default; + +// Heading sizes (mobile) +$h1-mobile-font-size: 1.875rem !default; +$h2-mobile-font-size: 1.75rem !default; +$h3-mobile-font-size: 1.5rem !default; +$h4-mobile-font-size: 1.375rem !default; +$h5-mobile-font-size: 1.25rem !default; +$h6-mobile-font-size: 1.125rem !default; + +// Heading weight +$headings-font-weight: 700 !default; + +// Display heading sizes (desktop) +$display1-size: 3.75rem !default; +$display2-size: 4.875rem !default; +$display3-size: 5.625rem !default; +$display4-size: 6.125rem !default; + +// Display heading sizes (mobile) +$display1-mobile-size: 3rem !default; +$display2-mobile-size: 3.625rem !default; +$display3-mobile-size: 4.375rem !default; +$display4-mobile-size: 5.25rem !default; + +// Display heading weights +$display1-weight: 900 !default; +$display2-weight: 900 !default; +$display3-weight: 900 !default; +$display4-weight: 900 !default; + +// Display mobile line height +$display-mobile-line-height: 1 !default; From ca2b29a17b5002f60ca4b3503a712dee31cf7b57 Mon Sep 17 00:00:00 2001 From: Edward Zarecor Date: Wed, 1 Apr 2026 11:19:21 -0400 Subject: [PATCH 2/2] fix: adding 900, referenced later. --- paragon/_fonts.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/paragon/_fonts.scss b/paragon/_fonts.scss index a8bdca8f..491fff1c 100644 --- a/paragon/_fonts.scss +++ b/paragon/_fonts.scss @@ -1 +1 @@ -@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto+Mono&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Roboto+Mono&display=swap');