Adds Sass styles for tables

Octopress can handle tables, but by default they have no style. This commit adds GitHub-like style for tables. Fixes #78
lucaslew · Mar 9, 2015 · f38b711 · f38b711
1 parent cfe0e45
commit f38b711
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/sass/_partials.scss b/sass/_partials.scss
@@ -5,3 +5,4 @@
 @import "partials/syntax";
 @import "partials/archive";
 @import "partials/footer";
+@import "partials/tables";
diff --git a/sass/partials/_tables.scss b/sass/partials/_tables.scss
@@ -0,0 +1,21 @@
+:not(.highlight) > table {
+  margin: 0 auto 1.5em auto;
+
+  tr {
+    background-color: #fff;
+    border-top: 1px solid #ccc;
+
+    th, td {
+      padding: 6px 13px;
+      border: 1px solid #ddd;
+    }
+
+    th {
+      font-weight: bold;
+    }
+  }
+
+  tr:nth-child(2n) {
+    background-color: #f8f8f8;
+  }
+}