Restore font styles for headings and menu items

casper-network · Sep 26, 2023 · 8d07916 · 8d07916
1 parent fb6b21f
commit 8d07916
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/src/assets/scss/_global.scss b/src/assets/scss/_global.scss
@@ -236,3 +236,51 @@ html {
         font-size: 26px;
     }
 }
+
+// Fix for low readability.
+// See: https://github.com/casper-network/docs/issues/1287.
+//
+.main-wrapper {
+    font: var(--ifm-font-size-base)/var(--ifm-line-height-base) var(--ifm-font-family-base);
+
+    h1, h2, h3, h4, h5, h6 {
+        font-family: var(--ifm-heading-font-family);
+        font-weight: var(--ifm-heading-font-weight);
+        line-height: var(--ifm-heading-line-height);
+    }
+
+    h1 {
+        font-size: var(--ifm-h1-font-size)
+    }
+
+    h2 {
+        font-size: var(--ifm-h2-font-size)
+    }
+
+    h3 {
+        font-size: var(--ifm-h3-font-size)
+    }
+
+    h4 {
+        font-size: var(--ifm-h4-font-size)
+    }
+
+    h5 {
+        font-size: var(--ifm-h5-font-size)
+    }
+
+    h6 {
+        font-size: var(--ifm-h6-font-size)
+    }
+
+    .menu__list {
+        .menu__link {
+            font-size: inherit !important;
+        }
+
+        .menu__link--sublist {
+            letter-spacing: inherit !important;
+            font-size: inherit !important;
+        }
+    }
+}