From 8c0fb89a5415fed2cfa1c45645a1dca6aa75ae6f Mon Sep 17 00:00:00 2001
From: Devin Haska <2636402+wonderfulfrog@users.noreply.github.com>
Date: Sat, 22 Jun 2024 21:44:45 -0700
Subject: [PATCH] feat: add table styles

---
 src/css/global/global-styles.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/css/global/global-styles.css b/src/css/global/global-styles.css
index fd2771c..8c8df27 100644
--- a/src/css/global/global-styles.css
+++ b/src/css/global/global-styles.css
@@ -184,6 +184,36 @@ mark {
   white-space: nowrap;
 }
 
+table {
+  border: 1px solid var(--color-border);
+  border-radius: var(--spacing-0\.5);
+  border-spacing: 0;
+  overflow: hidden;
+  width: 100%;
+}
+
+table thead {
+  background-color: var(--color-surface);
+}
+
+table thead th {
+  text-align: left;
+}
+
+table th,
+table td {
+  padding-block: var(--spacing-0\.5);
+  padding-inline: var(--spacing-1);
+}
+
+table tbody tr:first-child td {
+  border-top: 1px solid var(--color-border);
+}
+
+table tbody tr:not(:last-child) td {
+  border-bottom: 1px solid var(--color-border);
+}
+
 @media (prefers-reduced-motion: reduce) {
   html:focus-within {
     scroll-behavior: auto;