From 105b7b18cbe822928eba556d4e53a105e1a6c1ec Mon Sep 17 00:00:00 2001 From: 0x1eef <0x1eef@protonmail.com> Date: Fri, 30 Aug 2024 20:16:02 -0300 Subject: [PATCH] Replace 'font-size' rules with tail.css classes --- share/al-quran.reflectslight.io/CHANGELOG | 4 ++++ src/css/_base.scss | 23 ----------------------- src/css/main/SurahIndex.scss | 11 ----------- src/css/main/SurahStream.scss | 10 ---------- src/js/components/Head.tsx | 4 ++-- src/js/components/SurahIndex/index.tsx | 4 ++-- src/js/components/SurahStream/Stream.tsx | 6 +++--- src/js/components/SurahStream/index.tsx | 2 +- 8 files changed, 12 insertions(+), 52 deletions(-) diff --git a/share/al-quran.reflectslight.io/CHANGELOG b/share/al-quran.reflectslight.io/CHANGELOG index 40c6648f1..5083f414e 100644 --- a/share/al-quran.reflectslight.io/CHANGELOG +++ b/share/al-quran.reflectslight.io/CHANGELOG @@ -2,6 +2,10 @@ ** vNEXT +**** Replace font-size rules with tail.css classes +This change replaces custom 'font-size' rules with standard +tail.css classes (eg text-lg, etc) + **** Remove ~mada-regular.ttf~ With this change, the Arabic font is now based on standard web fonts rather than a custom font obtained diff --git a/src/css/_base.scss b/src/css/_base.scss index ebba5698c..ddc59350a 100644 --- a/src/css/_base.scss +++ b/src/css/_base.scss @@ -37,29 +37,6 @@ body .root .content.theme { margin: 0 auto; max-width: $breakpoint-md; width: 85%; - - header { - a[data-testid="h1"] { - font-size: x-large; - @media screen and - (max-width: $breakpoint-kaiOS-portrait) and - (orientation: portrait) { - font-size: larger; - } - } - } - - header { - nav, div { - font-size: large; - } - } - ul.body { - font-size: large; - } - footer { - font-size: large; - } } /** diff --git a/src/css/main/SurahIndex.scss b/src/css/main/SurahIndex.scss index 8d6b82fe5..55d9fdcaa 100644 --- a/src/css/main/SurahIndex.scss +++ b/src/css/main/SurahIndex.scss @@ -72,15 +72,4 @@ body .root .content.theme.rtl { span.transliterated { display: none; } } } - - /* >= $breakpoint-xxl */ - @media (min-width: $breakpoint-xxl) { - ul.body.index { - li.surah a { - span:last-child { - font-size: larger; - } - } - } - } } diff --git a/src/css/main/SurahStream.scss b/src/css/main/SurahStream.scss index df0bc7b03..c04db0009 100644 --- a/src/css/main/SurahStream.scss +++ b/src/css/main/SurahStream.scss @@ -32,14 +32,4 @@ body .root .content.theme.rtl { } } } - /* >= $breakpoint-xxl */ - @media (min-width: $breakpoint-xxl) { - ul.body.stream { - $gap: 2rem; - margin-top: $gap; - li.ayah { - margin-bottom: $gap; - } - } - } } diff --git a/src/js/components/Head.tsx b/src/js/components/Head.tsx index 3813ca0d5..e4a51af13 100644 --- a/src/js/components/Head.tsx +++ b/src/js/components/Head.tsx @@ -20,7 +20,7 @@ export function Head({ locale, theme, setTheme, children }: Props) { })} >
-
+
-