table styling

holochain · Nov 28, 2024 · 6ae6740 · 6ae6740
1 parent cd3451c
commit 6ae6740
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/scss/_base-element-styles.scss b/src/scss/_base-element-styles.scss
@@ -99,4 +99,34 @@ img {
       max-width: $p * 10%;
     }
   }
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th {
+  background: $cl-light-gray;
+  color: white;
+  border-right-color: rgba(white, 0.5);
+}
+
+th, td {
+  text-align: left;
+  vertical-align: top;
+  border-right: 1px solid;
+  padding: 0, 0.5em;
+
+  &:last-child {
+    border-right: none;
+  }
+}
+
+td {
+  border-right-color: rgba(black, 0.5);
+}
+
+tr:nth-child(even) {
+  background: rgba($cl-gray, 0.5);
 }