From 51b60301d1f2a33f35102f21e0668f6140c7a88f Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Wed, 14 Aug 2024 08:06:38 -0700
Subject: [PATCH] chore: styles

---
 package-lock.json                            | 24 +++++------
 package.json                                 |  2 +-
 src/assets/styles/base/index.css             |  7 ----
 src/assets/styles/components/text-toggle.css | 42 ++++++++++----------
 src/assets/styles/pages/contact.css          | 12 +++++-
 src/assets/styles/pages/webrings.css         |  4 --
 6 files changed, 45 insertions(+), 46 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 09cc2f5f..56923fe1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "22.2.8",
+  "version": "22.2.9",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "22.2.8",
+      "version": "22.2.9",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.5.0",
@@ -517,13 +517,13 @@
       "peer": true
     },
     "node_modules/@types/node": {
-      "version": "22.2.0",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.2.0.tgz",
-      "integrity": "sha512-bm6EG6/pCpkxDf/0gDNDdtDILMOHgaQBVOJGdwsqClnxA3xL6jtMv76rLBc006RVMWbmaf0xbmom4Z/5o2nRkQ==",
+      "version": "22.3.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.3.0.tgz",
+      "integrity": "sha512-nrWpWVaDZuaVc5X84xJ0vNrLvomM205oQyLsRt7OHNZbSHslcWsvgFR7O7hire2ZonjLrWBbedmotmIlJDVd6g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.13.0"
+        "undici-types": "~6.18.2"
       }
     },
     "node_modules/@types/phoenix": {
@@ -1147,9 +1147,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.6",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.6.tgz",
-      "integrity": "sha512-jwXWsM5RPf6j9dPYzaorcBSUg6AiqocPEyMpkchkvntaH9HGfOOMZwxMJjDY/XEs3T5dM7uyH1VhRMkqUU9qVw==",
+      "version": "1.5.7",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.7.tgz",
+      "integrity": "sha512-6FTNWIWMxMy/ZY6799nBlPtF1DFDQ6VQJ7yyDP27SJNt5lwtQ5ufqVvHylb3fdQefvRcgA3fKcFMJi9OLwBRNw==",
       "dev": true,
       "license": "ISC"
     },
@@ -3506,9 +3506,9 @@
       "license": "MIT"
     },
     "node_modules/undici-types": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.13.0.tgz",
-      "integrity": "sha512-xtFJHudx8S2DSoujjMd1WeWvn7KKWFRESZTMeL1RptAYERu29D6jphMjjY+vn96jvN3kVPDNxU/E13VTaXj6jg==",
+      "version": "6.18.2",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.18.2.tgz",
+      "integrity": "sha512-5ruQbENj95yDYJNS3TvcaxPMshV7aizdv/hWYjGIKoANWKjhWNBsr2YEuYZKodQulB1b8l7ILOuDQep3afowQQ==",
       "dev": true,
       "license": "MIT"
     },
diff --git a/package.json b/package.json
index 12aca13a..2724d025 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "22.2.8",
+  "version": "22.2.9",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index d25ed16f..160fd87b 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -554,13 +554,6 @@ li {
   text-align: center !important;
 }
 
-.text-centered-vertically {
-  min-height: 60vh;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .text-small {
   font-size: var(--font-size-sm) !important;
 }
diff --git a/src/assets/styles/components/text-toggle.css b/src/assets/styles/components/text-toggle.css
index 31a1980e..35cbed17 100644
--- a/src/assets/styles/components/text-toggle.css
+++ b/src/assets/styles/components/text-toggle.css
@@ -1,25 +1,27 @@
-[data-toggle-content].text-toggle-hidden {
-  position: relative;
-  height: 500px;
-  overflow: hidden;
-  margin-bottom: var(--sizing-base);
+[data-toggle-content] {
+  &.text-toggle-hidden {
+    position: relative;
+    height: 500px;
+    overflow: hidden;
+    margin-bottom: var(--sizing-base);
 
-  & p:first-of-type {
-    margin-top: 0;
+    & p:first-of-type {
+      margin-top: 0;
+    }
+
+    &::after {
+      position: absolute;
+      z-index: 1;
+      content: '';
+      box-shadow: inset 0 -120px 80px -60px var(--background-color);
+      width: 100%;
+      height: 20%;
+      bottom: 0;
+      left: 0;
+    }
   }
 
-  &::after {
-    position: absolute;
-    z-index: 1;
-    content: '';
-    box-shadow: inset 0 -120px 80px -60px var(--background-color);
-    width: 100%;
-    height: 20%;
-    bottom: 0;
-    left: 0;
+  & + button[data-toggle-button]:has(+ *) {
+    margin: 0 0 var(--sizing-base);
   }
-}
-
-[data-toggle-content] + button[data-toggle-button]:has(+ table) {
-  margin: 0 0 var(--sizing-base);
 }
\ No newline at end of file
diff --git a/src/assets/styles/pages/contact.css b/src/assets/styles/pages/contact.css
index 8d32e8c7..4a216529 100644
--- a/src/assets/styles/pages/contact.css
+++ b/src/assets/styles/pages/contact.css
@@ -12,8 +12,16 @@
   }
 }
 
-.contact-success-header {
-  margin: 0 0 var(--sizing-base);
+.contact-success-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: 60vh;
+
+  & h2 {
+    margin: 0 0 var(--sizing-base);
+  }
 }
 
 @media screen and (min-width: 768px) {
diff --git a/src/assets/styles/pages/webrings.css b/src/assets/styles/pages/webrings.css
index 0082e152..d97b5460 100644
--- a/src/assets/styles/pages/webrings.css
+++ b/src/assets/styles/pages/webrings.css
@@ -1,10 +1,6 @@
 .webring-wrapper {
   margin: var(--sizing-base) 0;
 
-  & h3 {
-    margin: var(--sizing-2xl) 0 var(--sizing-lg);
-  }
-
   & .webring-navigation {
     gap: var(--sizing-sm);