From 035dca5e3dbe81d8d37484cb5f359df4d9aa80bc Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Sun, 30 May 2021 13:50:44 +0800
Subject: [PATCH] website: improve heading typography for mobile

---
 website/src/css/custom.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 423b15cc..41de0c38 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -19,3 +19,21 @@ html[data-theme='dark'] {
   --ifm-color-primary-lighter: rgb(165, 165, 245);
   --ifm-color-primary-lightest: rgb(191, 191, 248);
 }
+
+@media screen and (max-width: 767px) {
+  :root {
+    --ifm-font-size-base: 16px;
+  }
+
+  .markdown h1 {
+    --ifm-h1-font-size: 1.5rem;
+  }
+
+  .markdown h2 {
+    --ifm-h2-font-size: 1.375rem;
+  }
+
+  .markdown h3 {
+    --ifm-h3-font-size: 1.25rem;
+  }
+}