chore: dry up spacing

src/assets/styles/components/banners.css

@@ -1,5 +1,5 @@
 .banner {
-  margin: 1.25rem 0;
+  margin: var(--spacing-base) 0;
   padding: .75rem;
   border: 1px solid;
   border-radius: var(--rounded-lg);

src/assets/styles/components/forms.css

@@ -19,7 +19,7 @@ textarea {
   /* necessary for pagefind overrides */
 
   outline: none;
-  margin-bottom: 1.25rem;
+  margin-bottom: var(--spacing-base);
   font-weight: 400 !important;
   line-height: var(--line-height-base);
   transition-property: border-color;

src/assets/styles/components/mastodon-post.css

@@ -1,6 +1,6 @@
 .mastodon-post-wrapper {
   border-bottom: 1px solid var(--gray-light);
-  margin-bottom: 1.25rem;
+  margin-bottom: var(--spacing-base);
   padding-bottom: .25rem;
 }
 

src/assets/styles/components/pagefind.css

@@ -1,5 +1,5 @@
 .pagefind-ui {
-  margin-bottom: 1.25rem;
+  margin-bottom: var(--spacing-base);
   --pagefind-ui-primary: var(--accent-color);
   --pagefind-ui-text: var(--text-color);
   --pagefind-ui-background: var(--color-lightest);

src/assets/styles/components/post-graph.css

@@ -1,6 +1,6 @@
 .post-graph {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
+  margin-top: var(--spacing-base);
+  margin-bottom: var(--spacing-base);
 }
 
 .post-graph__wrapper {

src/assets/styles/index.css

@@ -21,7 +21,7 @@ html {
 p,
 blockquote {
   line-height: var(--line-height-lg);
-  margin: 1.25rem 0;
+  margin: var(--spacing-base) 0;
 }
 
 blockquote {

src/assets/styles/pages/404.css

@@ -1,4 +1,4 @@
 .four-oh-four__wrapper .image__banner,
 .four-oh-four__wrapper a {
-  margin-bottom: 1.25rem;
+  margin-bottom: var(--spacing-base);
 }

src/assets/styles/pages/now.css

@@ -11,8 +11,8 @@
 .now__section--text p > svg {
   display: inline;
   vertical-align: middle;
-  height: 1.25rem;
-  width: 1.25rem;
+  height: var(--spacing-base);
+  width: var(--spacing-base);
 }
 
 .now__section--header {

src/assets/styles/pages/post.css

@@ -5,7 +5,7 @@
 
 /* footnotes */
 hr.footnotes-sep {
-  margin: 1.25rem 0;
+  margin: var(--spacing-base) 0;
 }
 
 .footnotes-list {

src/assets/styles/partials/vars.css

@@ -80,6 +80,9 @@
 
   --font-size-3xl: 1.875rem;
   --line-height-3xl: 2.25rem;
+  
+  /* spacing */
+  --spacing-base: 1.25rem; 
 
   /* radii */
   --rounded-none: 0;