Tweaks including improving TOC width on mobile, adjusting max width, and changing the code color to make it less distracting

Author: JayGeorge

public/css/base/elements/elements.css

@@ -97,7 +97,7 @@
             font-family: var(--font-family-code);
             font-weight: var(--font-family-code-weight-normal);
             /* Based on code being inside tips too */
-            font-size: 1.1rem;
+            font-size: 1.075rem;
             letter-spacing: -0.2px;
         }
     }

public/css/base/variables.css

@@ -112,6 +112,8 @@
     --color-link: var(--color-primary-accent);
     --color-text-underline-light: hsl(0deg 0% 80%);
     --color-code-background: var(--color-gradient-blue-1);
+    --color-code-background: var(--color-pink-light-2);
+    --color-code-background: hsl(287deg 80% 93.5%);
     --color-code-block-background: hsl(228.57deg 23% 18%);
 
     --color-form-accent: var(--color-primary-accent);
@@ -307,7 +309,7 @@
     @media (min-width: 1800px) {
         /* GROUP VARIABLES -- LAYOUT -- CONSTRAINTS -- MAX
         =================================================== */
-        --max-width-1: 108rem;
+        --max-width-1: 105rem;
         --max-width-content: 52rem;
     }
 

public/css/components/nav/toc.css

@@ -149,7 +149,7 @@
 
                         ul {
                             /* Need this to line up so that the scroll spy line also continues to line up */
-                            padding-inline-start: 0;
+                            padding-inline: 0;
                             a {
                                 /* Indent the subnav */
                                 padding-inline-start: var(--spacing-m);