messing around with spacing and page headers

web/src/css/base.scss

@@ -59,7 +59,6 @@ p {
   &.lead {
     font-size: var(--font-size-lead);
     max-width: 34em;
-    margin-bottom: var(--spacing-m);
   }
 }
 
@@ -67,7 +66,6 @@ p {
 .lead p {
   font-size: var(--font-size-lead);
   max-width: 34em;
-  margin-bottom: var(--spacing-m);
 }
 
 h1,
@@ -211,9 +209,7 @@ select {
 }
 
 .anchorLinks {
-  /*position: sticky;
-  top: 0;*/
-
+  margin-top: var(--spacing-xl);
   >span {
     display: block;
     margin-bottom: var(--spacing-xs);

web/src/css/variables.scss

@@ -55,7 +55,8 @@
   --spacing-s: 1rem;
   --spacing-m: 2rem;
   --spacing-l: 3rem;
-  --spacing-xl: 6rem;
+  --spacing-xl: 4rem;
+  --spacing-xxl: 6rem;
   --spacing-section-bottom: var(--spacing-l);
 
   // sizes
@@ -75,7 +76,7 @@
 
 @media (min-width: 1400px) {
   :root {
-    --spacing-sitepadding-block: 2.5rem;
+    --spacing-sitepadding-block: 2.4rem;
     --spacing-sitepadding-inline: 6rem;
   }
 }
@@ -107,7 +108,7 @@
     --spacing-s: 1rem;
     --spacing-m: 1.4rem;
     --spacing-l: 1.8rem;
-    --spacing-xl: 6rem;
+    --spacing-xl: 3rem;
     --spacing-section-bottom: var(--spacing-l);
 
     // sizes