New sections to docs (#790)

* API testing new changes - p1

* 1st level edits

* label fix

* fixed build

* edits1/2

* Reviewing data

* docs: add guides for global functions and variables

* docs: added technical theory and screenshots to functions and variables

* docs: updated technical theory and screenshots to functions and variables

* docs: updated docs for generate-api-testing-using-ai

* docs: updated docs for api-testing chrome extension.md

* docs: updated docs for share-tests.md

* docs: updated docs for self-healing-ai-api-tests.md

* docs: updated docs.md

* kilocode changes

---------

Co-authored-by: Pratham Sikka <prathamsikka@Prathams-MacBook-Air.local>

Author: TvisharajiK

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",