Converting from sass to nested vanilla css with layers (#147)

assets/css/base/_tables.css

@@ -0,0 +1,34 @@
+/* Tables */
+
+@layer base {
+  table {
+    /* Add vertical rhythm margins. */
+    margin-block: 0 var(--spacing-m);
+
+    /* Remove default spacing between table cells. */
+    border-collapse: collapse;
+
+    /* Prevent cramped-looking tables */
+    width: 100%;
+  }
+
+  td,
+  th {
+    /* Remove most spacing between table cells. */
+    padding: 0;
+
+    /* Align content to top of cells. */
+    vertical-align: text-top;
+  }
+
+  th {
+    /* Align content to bottom of headers. */
+    vertical-align: bottom;
+  }
+
+  caption,
+  th {
+    /* Align all text the same. */
+    text-align: start;
+  }
+}