fix: allow font-family to be adjustable

inclusive-design · Jan 28, 2025 · fc5e713 · fc5e713
1 parent 1578bda
commit fc5e713
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/assets/styles/abstracts/_variables.css b/src/assets/styles/abstracts/_variables.css
@@ -1,7 +1,5 @@
 :root {
     /** Typography **/
-    --family-sans-serif: "Source Sans 3", sans-serif;
-    --family-display: "Raleway", sans-serif;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -41,3 +39,10 @@
     --common-inline-padding: clamp(1.875rem, 0.0536rem + 9.1071vw, 8.25rem);
     --common-block-padding: clamp(3.75rem, 3.3929rem + 1.7857vw, 5rem);
 }
+
+/* Font-family set on the body so that it will work with UIO */
+:where(body) {
+    /** Typography **/
+    --family-sans-serif: var(--fl-font-family, "Source Sans 3", sans-serif);
+    --family-display: var(--fl-font-family, "Raleway", sans-serif);
+}