From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 30 Mar 2024 05:28:29 +0000 (-0700)
Subject: Add basic table styling
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=91fe61f82468ff7cb137006c39b3e1d1db5316c1;p=ardislu.dev

Add basic table styling
---

diff --git a/style.css b/style.css
index ce13d69..f4b1f95 100644
--- a/style.css
+++ b/style.css
@@ -189,6 +189,25 @@ code:not(.hljs) {
   line-height: 1.5;
 }
 
+table {
+  border-collapse: collapse;
+}
+
+tr {
+  transition: background-color 500ms;
+}
+
+tr:hover,
+tr:focus-within {
+  background: hsl(30deg 80% 90%);
+  transition: background-color 150ms;
+}
+
+th,
+td {
+  padding: 8px;
+}
+
 .card-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));