CSS for tables

1 files changed, 19 insertions, 0 deletions

diff --git a/assets/css/input.css b/assets/css/input.css
index 9f03d8d..102ccd1 100644
--- a/assets/css/input.css
+++ b/assets/css/input.css
@@ -165,6 +165,25 @@
     }
   }
 
+  /* Tables */
+  .table-caption:has(+ table) {
+    @apply text-center block;
+  }
+
+  table:not(.u-legend) {
+    @apply w-full whitespace-nowrap py-2 border-b border-gray-500;
+    thead {
+      @apply bg-lime-100;
+    }
+    tbody tr {
+      @apply even:bg-gray-50;
+    }
+    th,
+    td {
+      @apply px-3 py-2;
+    }
+  }
+
   /* https://lubna.dev/articles/create-css-only-image-gallery/ */
   .gallery {
     --max-img-width: 72rem;