From fae1d3d9ab607fc4a7cdd2eb4ac3ad95be16dcce Mon Sep 17 00:00:00 2001 From: Datacamp Date: Thu, 18 Apr 2024 15:28:15 -0300 Subject: [PATCH] Fix: Remove directly import of font-family in root --- themes/arya/_variables.scss | 7 +------ themes/bootstrap4/bootstrap4-dark/_variables_dark.scss | 7 +------ themes/bootstrap4/bootstrap4-light/_variables_light.scss | 7 +------ themes/fluent/fluent-light/_variables.scss | 7 +------ themes/lara/lara-dark/_variables.scss | 3 +-- themes/lara/lara-light/_variables.scss | 3 +-- themes/luna/_variables.scss | 7 +------ themes/material/material-dark/_variables.scss | 5 +---- themes/material/material-light/_variables.scss | 5 +---- themes/mira/_variables.scss | 3 +-- themes/nano/_variables.scss | 7 +------ themes/nova/_variables.scss | 7 +------ themes/rhea/_variables.scss | 7 +------ themes/saga/_variables.scss | 7 +------ themes/soho/soho-dark/_variables.scss | 3 +-- themes/soho/soho-light/_variables.scss | 3 +-- themes/tailwind/tailwind-light/_variables.scss | 3 +-- themes/vela/_variables.scss | 7 +------ themes/viva/viva-dark/_variables.scss | 3 +-- themes/viva/viva-light/_variables.scss | 3 +-- 20 files changed, 20 insertions(+), 84 deletions(-) diff --git a/themes/arya/_variables.scss b/themes/arya/_variables.scss index 046b82c..0dad50b 100644 --- a/themes/arya/_variables.scss +++ b/themes/arya/_variables.scss @@ -908,12 +908,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$shade800}; --surface-b: #{$shade900}; --surface-c: #{$hoverBg}; diff --git a/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss b/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss index 82563b2..b4cd5a0 100644 --- a/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss +++ b/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss @@ -852,12 +852,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$shade800}; --surface-b: #{$shade900}; --surface-c: #{$hoverBg}; diff --git a/themes/bootstrap4/bootstrap4-light/_variables_light.scss b/themes/bootstrap4/bootstrap4-light/_variables_light.scss index 992279e..f1837ad 100644 --- a/themes/bootstrap4/bootstrap4-light/_variables_light.scss +++ b/themes/bootstrap4/bootstrap4-light/_variables_light.scss @@ -853,12 +853,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$shade000}; --surface-b: #{$shade100}; --surface-c: #{$shade200}; diff --git a/themes/fluent/fluent-light/_variables.scss b/themes/fluent/fluent-light/_variables.scss index e972517..2300418 100644 --- a/themes/fluent/fluent-light/_variables.scss +++ b/themes/fluent/fluent-light/_variables.scss @@ -910,12 +910,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$white}; --surface-b: #{$neutralLighterAlt}; --surface-c: #{$neutralLighter}; diff --git a/themes/lara/lara-dark/_variables.scss b/themes/lara/lara-dark/_variables.scss index 24bd589..ce63aaf 100644 --- a/themes/lara/lara-dark/_variables.scss +++ b/themes/lara/lara-dark/_variables.scss @@ -857,10 +857,9 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family: "Inter var", sans-serif; + --font-family: #{$fontFamily}; --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; --surface-a: #{$shade800}; --surface-b: #{$shade900}; diff --git a/themes/lara/lara-light/_variables.scss b/themes/lara/lara-light/_variables.scss index 03326ae..1fad2ae 100644 --- a/themes/lara/lara-light/_variables.scss +++ b/themes/lara/lara-light/_variables.scss @@ -857,10 +857,9 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family: "Inter var", sans-serif; + --font-family: #{$fontFamily}; --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; --surface-a: #{$shade000}; --surface-b: #{$shade100}; diff --git a/themes/luna/_variables.scss b/themes/luna/_variables.scss index 5a30351..3a693b6 100644 --- a/themes/luna/_variables.scss +++ b/themes/luna/_variables.scss @@ -830,12 +830,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; diff --git a/themes/material/material-dark/_variables.scss b/themes/material/material-dark/_variables.scss index 1f217fd..98625c8 100644 --- a/themes/material/material-dark/_variables.scss +++ b/themes/material/material-dark/_variables.scss @@ -856,10 +856,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, - Arial, "Lucida Grande", sans-serif; - --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, - Arial, "Lucida Grande", sans-serif; + --font-family: #{$fontFamily}; --surface-a: #1e1e1e; --surface-b: #121212; --surface-c: hsla(0, 0%, 100%, 0.04); diff --git a/themes/material/material-light/_variables.scss b/themes/material/material-light/_variables.scss index aed198f..37a5666 100644 --- a/themes/material/material-light/_variables.scss +++ b/themes/material/material-light/_variables.scss @@ -856,10 +856,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, - Arial, "Lucida Grande", sans-serif; - --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, - Arial, "Lucida Grande", sans-serif; + --font-family: #{$fontFamily}; --surface-a: #ffffff; --surface-b: #fafafa; --surface-c: rgba(0, 0, 0, 0.04); diff --git a/themes/mira/_variables.scss b/themes/mira/_variables.scss index 5ef4bc1..7943a12 100644 --- a/themes/mira/_variables.scss +++ b/themes/mira/_variables.scss @@ -887,8 +887,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: "Inter", sans-serif; - --font-family: "Inter", sans-serif; + --font-family: #{$fontFamily}; --surface-a: #{$white}; --surface-b: #{$white100}; --surface-c: #{$white300}; diff --git a/themes/nano/_variables.scss b/themes/nano/_variables.scss index 824d6ce..20455f2 100644 --- a/themes/nano/_variables.scss +++ b/themes/nano/_variables.scss @@ -914,12 +914,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$shade000}; --surface-b: #{$shade100}; --surface-c: #{$shade200}; diff --git a/themes/nova/_variables.scss b/themes/nova/_variables.scss index d7502a4..7108bf8 100644 --- a/themes/nova/_variables.scss +++ b/themes/nova/_variables.scss @@ -829,12 +829,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; diff --git a/themes/rhea/_variables.scss b/themes/rhea/_variables.scss index 666f8ae..6a9e1f6 100644 --- a/themes/rhea/_variables.scss +++ b/themes/rhea/_variables.scss @@ -846,12 +846,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; diff --git a/themes/saga/_variables.scss b/themes/saga/_variables.scss index dd3c549..fc1caf6 100644 --- a/themes/saga/_variables.scss +++ b/themes/saga/_variables.scss @@ -909,12 +909,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$shade000}; --surface-b: #{$shade100}; --surface-c: #{$shade200}; diff --git a/themes/soho/soho-dark/_variables.scss b/themes/soho/soho-dark/_variables.scss index be6c45d..7edabbc 100644 --- a/themes/soho/soho-dark/_variables.scss +++ b/themes/soho/soho-dark/_variables.scss @@ -909,8 +909,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Lato, Helvetica, sans-serif; - --font-family: Lato, Helvetica, sans-serif; + --font-family: #{$fontFamily}; --surface-a: #{$shade800}; --surface-b: #{$shade900}; --surface-c: #{$hoverBg}; diff --git a/themes/soho/soho-light/_variables.scss b/themes/soho/soho-light/_variables.scss index f1cbd35..8c8b3c8 100644 --- a/themes/soho/soho-light/_variables.scss +++ b/themes/soho/soho-light/_variables.scss @@ -912,8 +912,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Lato, Helvetica, sans-serif; - --font-family: Lato, Helvetica, sans-serif; + --font-family: #{$fontFamily}; --surface-a: #{$shade000}; --surface-b: #{$shade100}; --surface-c: #{$shade200}; diff --git a/themes/tailwind/tailwind-light/_variables.scss b/themes/tailwind/tailwind-light/_variables.scss index bad45f8..ff9e423 100644 --- a/themes/tailwind/tailwind-light/_variables.scss +++ b/themes/tailwind/tailwind-light/_variables.scss @@ -852,8 +852,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-family: #{$fontFamily}; --surface-a: #{$shade000}; --surface-b: #{$shade100}; --surface-c: #{$shade200}; diff --git a/themes/vela/_variables.scss b/themes/vela/_variables.scss index 4a3e147..db0e5fc 100644 --- a/themes/vela/_variables.scss +++ b/themes/vela/_variables.scss @@ -907,12 +907,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; - --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol"; + --font-family: #{$fontFamily}; --surface-a: #{$shade800}; --surface-b: #{$shade900}; --surface-c: #{$hoverBg}; diff --git a/themes/viva/viva-dark/_variables.scss b/themes/viva/viva-dark/_variables.scss index d900996..0980d45 100644 --- a/themes/viva/viva-dark/_variables.scss +++ b/themes/viva/viva-dark/_variables.scss @@ -849,8 +849,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Poppins, sans-serif; - --font-family: Poppins, sans-serif; + --font-family: #{$fontFamily}; --surface-a: #{$shade800}; --surface-b: #{$shade900}; --surface-c: #{$hoverBg}; diff --git a/themes/viva/viva-light/_variables.scss b/themes/viva/viva-light/_variables.scss index 1f10edd..454fa68 100644 --- a/themes/viva/viva-light/_variables.scss +++ b/themes/viva/viva-light/_variables.scss @@ -916,8 +916,7 @@ $imagePreviewActionIconFontSize: 1.5rem !default; $imagePreviewActionIconBorderRadius: 50% !default; :root { - font-family: Poppins, sans-serif; - --font-family: Poppins, sans-serif; + --font-family: #{$fontFamily}; --surface-a: #{$shade000}; --surface-b: #{$shade100}; --surface-c: #{$shade200};