styled tables

assets/styles/layouts/_layout-article.scss

@@ -10,7 +10,7 @@
   h1,h2,h3,h4,h5,h6 {
     color: $article-heading;
     a {
-      color: inherit;
+      color: inherit !important;
       text-decoration: none;
     }
   }
@@ -89,7 +89,7 @@
     }
   }
 
-  // Lists
+  //////////////////////////////////// Lists ////////////////////////////////////
 
   ol, ul {
     padding-left: 1.6rem;
@@ -138,4 +138,48 @@
     border-radius: $border-radius;
     overflow: scroll;
   }
+
+  //////////////////////////////////// Tables ////////////////////////////////////
+
+  table {
+    margin: 1rem 0 3rem;
+    border-spacing: 0;
+    color: $article-text;
+    max-width: 100%;
+    overflow: scroll;
+    box-shadow: 1px 3px 15px $article-table-shadow;
+    border-radius: ($border-radius * 1.5);
+
+    th, td {
+      padding: .85rem 1.25rem;
+    }
+    thead {
+      background: linear-gradient(to right, $article-table-header-left, $article-table-header-right);
+      background-attachment: fixed;
+    }
+
+    th  {
+      color: $g20-white;
+      &:first-child {
+        border-radius: ($border-radius * 1.5) 0 0 0;
+      }
+      &:last-child {
+        border-radius: 0 ($border-radius * 1.5) 0 0;
+      }
+    }
+
+    tr{
+      &:nth-child(even) {
+        background: $article-table-row-alt;
+      }
+      &:last-child {
+        td {
+          &:first-child { border-radius: 0 0 0 ($border-radius * 1.5); }
+          &:last-child { border-radius: 0 0 ($border-radius * 1.5) 0; }
+        }
+
+      }
+    }
+
+  }
 }

assets/styles/themes/_theme-dark.scss

@@ -49,3 +49,9 @@ $article-code-accent6: $b-pool !default;
 $article-code-accent7: #e90 !default;
 $article-code-select: $b-pool !default;
 $article-code-hover: $g20-white !default;
+
+// Article Tables
+$article-table-header-left: $p-planet !default;
+$article-table-header-right: $b-sapphire !default;
+$article-table-shadow: #191a1b !default;
+$article-table-row-alt: $g2-kevlar !default;

assets/styles/themes/_theme-light.scss

@@ -48,3 +48,9 @@ $article-code-accent6: $b-pool;
 $article-code-accent7: #e90;
 $article-code-select:  $b-pool;
 $article-code-hover: $b-sapphire;
+
+// Article Tables
+$article-table-header-left: $b-pool;
+$article-table-header-right: $gr-honeydew;
+$article-table-shadow: #c8cdd0;
+$article-table-row-alt: $g18-cloud;