💄 style: center tables; colour headers; round borders

2023-02-11 20:49:03 +01:00
parent 2732f494cf
commit 5b45351970
2 changed files with 35 additions and 3 deletions
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -60,3 +60,34 @@ a:hover {
    padding: 0;
  }
 }
+
+table {
+  justify-self: center;
+  font: inherit;
+  overflow: hidden;
+  border-style : hidden!important;
+  margin: 2rem 0;
+  font-family: sans-serif;
+  min-width: 400px;
+  border-radius: 0.8rem;
+  border: none;
+  margin-left: auto;
+  margin-right: auto;
+  min-width: 13rem;
+}
+
+table thead tr {
+  background-color: var(--table-header-color);
+  color: white;
+  text-align: left;
+}
+
+table th,
+table td {
+    padding: 0.5em 0.7em;
+    font-family: 'Source Serif Pro', serif;
+}
+
+table tbody tr:nth-child(even) {
+  background-color: var(--bg-0);
+}