add styling for tables

1 files changed, 25 insertions, 0 deletions

diff --git a/static/sass/main.scss b/static/sass/main.scss
index 6a39297..e2b4c23 100644
--- a/static/sass/main.scss
+++ b/static/sass/main.scss
@@ -23,6 +23,7 @@ $link-color: #35317A;
 $link-hover-color: #0C00E0;
 $primary-color: #292933;
 $muted-color: #5e5e5e;
+$tinted-background-color: #efefef;
 
 $tag-background-color: #CBE6FA;
 $tag-background-hover-color: #CC3948;
@@ -139,6 +140,30 @@ h3 {
     hyphens: auto;
   }
 
+  .content table {
+    margin: auto;
+    border-top: 2px solid $primary-color;
+    border-bottom: 2px solid $primary-color;
+    border-left: none;
+    border-right: none;
+    border-collapse: collapse;
+
+    thead {
+      border-bottom: 1px solid $primary-color;
+    }
+
+    th {
+      border: none;
+      padding: 0.2em 0.6em;
+      background-color: $tinted-background-color;
+    }
+
+    td {
+      border: none;
+      padding: 0.2em 0.6em;
+    }
+  }
+
   code, tt {
     font-weight: 350;
   }