From 15fded951aae07fb0cf036acc481407f37178e5d Mon Sep 17 00:00:00 2001
From: Chester How <chesterhow@gmail.com>
Date: Thu, 16 Mar 2017 10:56:23 +0800
Subject: [PATCH] Add table styling and fix #1

---
 _posts/2017-03-08-welcome-to-jekyll.md |  1 -
 _posts/2017-03-10-welcome-to-jekyll.md |  1 -
 _sass/_base.scss                       | 24 ++++++++++++++++++++++++
 _sass/_variables.scss                  |  6 ------
 4 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/_posts/2017-03-08-welcome-to-jekyll.md b/_posts/2017-03-08-welcome-to-jekyll.md
index 1ce24e5..a38d1d2 100644
--- a/_posts/2017-03-08-welcome-to-jekyll.md
+++ b/_posts/2017-03-08-welcome-to-jekyll.md
@@ -1,7 +1,6 @@
 ---
 layout: post
 title:  "Introducing Tale 2"
-categories: jekyll update
 ---
 
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
diff --git a/_posts/2017-03-10-welcome-to-jekyll.md b/_posts/2017-03-10-welcome-to-jekyll.md
index d186c9d..34b5cb5 100644
--- a/_posts/2017-03-10-welcome-to-jekyll.md
+++ b/_posts/2017-03-10-welcome-to-jekyll.md
@@ -1,7 +1,6 @@
 ---
 layout: post
 title:  "Welcome to Jekyll!"
-categories: jekyll update
 ---
 
 You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
diff --git a/_sass/_base.scss b/_sass/_base.scss
index d285cf4..ab4138e 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -50,3 +50,27 @@ img {
   margin: 0 0 1rem;
   max-width: 100%;
 }
+
+table {
+  border: 1px solid $grey-2;
+  border-collapse: collapse;
+  font-size: 85%;
+  margin-bottom: 1rem;
+  width: 100%;
+}
+
+td,
+th {
+  border: 1px solid $grey-2;
+  padding: .25rem .5rem;
+  vertical-align: top;
+}
+
+th {
+  text-align: left;
+}
+
+tbody tr:nth-child(odd) td,
+tbody tr:nth-child(odd) th {
+  background-color: $grey-3;
+}
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index da1026b..c59eb0e 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -24,9 +24,3 @@ $code-color: #bf616a;
      -moz-transition: $args;
           transition: $args;
 }
-
-@mixin transform-translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-     -moz-transform: translate($x, $y);
-          transform: translate($x, $y);
-}