fix(css): adjust code size scaling (#1093)

Author: dineshpinto

src/css/custom.css

@@ -9,6 +9,17 @@
   font-display: swap;
 }
 
+/* Fix iOS auto-sizing on mobile */
+html {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+pre,
+code {
+  -webkit-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
 /* ============================================================
    Tokens (Light)
    ============================================================ */
@@ -28,6 +39,7 @@
   --ifm-heading-font-weight: 450;
   --ifm-font-weight-bold: 580;
   --ifm-font-size-base: 16px;
+  --ifm-code-font-size: 85%;
 
   /* Shape */
   --ifm-global-radius: 0.625rem;
@@ -133,10 +145,6 @@
   font-weight: 575;
 }
 
-.markdown body {
-  font-weight: 450;
-}
-
 html[data-theme="dark"] .markdown p {
   color: #ababab;
 }

src/theme/Footer/SocialLinks/index.tsx

@@ -60,6 +60,7 @@ export default function SocialLinks() {
     <div className={styles.list}>
       {SOCIAL_LINKS.map(({ href, Icon, label }) => (
         <Link
+          key={href}
           to={href}
           className={styles.link}
           target="_blank"