From 326ebf7e2936d822505ce7d7c83c5c627dbafa72 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Sun, 14 Jan 2024 10:24:30 -0800
Subject: [PATCH] feat: generic table styles

---
 package.json                |  2 +-
 src/assets/styles/index.css | 41 +++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f95fc3e5..0d4b88d3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "4.9.1",
+  "version": "4.10.1",
   "description": "The source for my personal site, blog and portfolio. Built using 11ty and hosted on Netlify.",
   "type": "module",
   "scripts": {
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index 8615de1e..49534b2a 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -115,6 +115,47 @@ hr.large__spacing {
   margin: 2rem 0 3rem;
 }
 
+/* tables */
+table {
+  display: block;
+  overflow-x: auto;
+  width: 100%;
+  max-width: fit-content;
+  margin: 0 auto;
+  white-space: nowrap;
+  border-radius: var(--rounded-lg);
+  border: 1px solid var(--gray-light);
+}
+
+table a {
+  text-decoration: none;
+}
+
+table, th, td {
+  border-collapse: collapse;
+}
+
+:is(th, td):not(:last-child) {
+  border-right: 1px solid var(--gray-light);
+}
+
+th,
+tr:not(:last-child) {
+  border-bottom: 1px solid var(--gray-light);
+}
+
+th, td {
+  padding: .375rem;
+  min-width: 4rem;
+  word-break: break-word;
+}
+
+th {
+  background-color: var(--gray-lighter);
+  font-weight: 700;
+  text-align: center;
+}
+
 /* header */
 .main__title {
   width: 100%;