Merge branch 'main' into fix/mobile-performance-core-web-vitals

Author: Aryan-B-Parikh

src/css/custom.css

@@ -1465,11 +1465,11 @@ article.markdown p {
 /* Heading hierarchy - clear visual distinction */
 article.markdown h1 {
   margin-top: 0;
-  margin-bottom: 1rem;
+  margin-bottom: 0.9rem;
   font-size: 2.5rem;
   font-weight: 800;
   letter-spacing: -0.03em;
-  line-height: 1.2;
+  line-height: 1.4;
   color: #111827;
 }
 

src/theme/Heading/styles.module.css

@@ -4,7 +4,7 @@ the browser does not scroll that anchor behind the navbar
 See https://twitter.com/JoshWComeau/status/1332015868725891076
  */
 .anchorWithStickyNavbar {
-  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
+  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.2rem);
 }
 
 .anchorWithHideOnScrollNavbar {

static/img/custom-function.png

@@ -28,6 +28,7 @@ module.exports = {
             color: "var(--ifm-color)",
             h1: {
               color: "var(--ifm-color)",
+              lineHeight: "1.5",
             },
             h2: {
               color: "var(--ifm-color)",
@@ -98,6 +99,13 @@ module.exports = {
             },
           },
         },
+        lg: {
+          css: {
+            h1: {
+              lineHeight: "1.2",
+            },
+          },
+        },
       },
       transitionDelay: {
         3000: "3000ms",