From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 21 Aug 2022 07:08:48 +0000 (-0700)
Subject: Add table styling
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=0c42589a8ff1b62c11f02051c120bdef8f0db515;p=ens2hex

Add table styling
---

diff --git a/index.html b/index.html
index b8c09b4..186d996 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,29 @@
     output {
       display: none;
     }
+
+    table {
+      inline-size: 100%;
+      border-collapse: collapse;
+    }
+
+    th,
+    td {
+      padding: 0.5rem;
+    }
+
+    th {
+      background: hsl(240deg 1% 80%);
+      text-transform: uppercase;
+    }
+
+    tbody tr:nth-child(odd) {
+      background: hsl(192deg 15% 94%);
+    }
+
+    tbody tr:nth-child(even) {
+      background: hsl(33deg 48% 85%);
+    }
   </style>
   <title>ens2hex</title>
 </head>