Tables (#13)

* Add styling for tables

By default tables have no lines and no separation between cells which can lead to confusion.

exampleSite/content/posts/theme-demo.md

@@ -26,6 +26,12 @@ _This is italic text_
 
 ~~Deleted text~~
 
+| Heading | Another heading |
+| :----:  | :-------------: |
+|  text   |      text       |
+|  text   |      text       |
+|  text   |      text       |
+
 > Block quotes are
 > written like so.
 >

static/less/style.less

@@ -119,6 +119,31 @@ blockquote {
   font-style: italic;
 }
 
+th, td {
+  padding: 1.6rem;
+}
+table {
+  border-collapse: collapse;
+}
+table td, table th {
+  border: 2px solid @darker-fg-color;
+}
+table tr:first-child th {
+  border-top: 0;
+}
+table tr:last-child td {
+  border-bottom: 0;
+}
+table tr td:first-child,
+table tr th:first-child {
+  border-left: 0;
+}
+table tr td:last-child,
+table tr th:last-child {
+    border-right: 0;
+}
+
+
 img {
   max-width: 100%;
 }