Adding table

src/_maketheme.scss

@@ -49,4 +49,5 @@ $button-color: #CCCCCC !default;
 @import "./theme/_input.scss";
 @import "./theme/_list.scss";
 @import "./theme/_header.scss";
-@import "./theme/_card.scss";
+@import "./theme/_card.scss";
+@import "./theme/table.scss";

src/base.scss

@@ -34,4 +34,5 @@ $on-error: var(--on-error) !default;
 @import "./base/_list.scss";
 @import "./base/_header.scss";
 @import "./base/_card.scss";
-@import "./base/_grid.scss";
+@import "./base/_grid.scss";
+@import "./base/table.scss";

src/base/_list.scss

@@ -11,11 +11,4 @@
     li:nth-child(n+2) {
         border-top: 1px solid rgb(128, 128, 128);
     }
-}
-
-
-// .list-clickable {
-//     // li:hover {
-//     //     background: darken-brighten-color($background, 5%);
-//     // }
-// }
+}

src/base/_table.scss

@@ -0,0 +1,16 @@
+.table {
+
+   border-collapse: collapse;
+   width: 100%;
+
+   th,
+   td {
+      text-align: left;
+      padding: 8px;
+   }
+
+   tr:first-child {
+      background-color: $primary;
+      color: var(--on-primary);
+   }
+}

src/theme/_table.scss

@@ -0,0 +1,5 @@
+.table {
+   tr:nth-child(odd):not(:first-child) {
+      background: darken-brighten-color($background, 10%)
+   }
+}