style tables

assets/sass/_tables.scss

@@ -0,0 +1,32 @@
+table {
+  width: 100%;
+  min-width: 100%;
+  border-collapse: collapse;
+
+  tbody > tr {
+    &:nth-of-type(odd) {
+      background-color: #FAFAFA;
+    }
+
+    &:hover {
+      background-color: #F6F6F6;
+    }
+  }
+
+  thead th {
+    border-top: 0;
+    border-bottom: 2px solid #ddd;
+  }
+
+  th {
+    color: #222;
+  }
+
+  th, td {
+    text-align: left;
+    border-top: 1px solid #ddd;
+    padding: 8px;
+  }
+
+
+}

assets/sass/styles.scss

@@ -2,6 +2,7 @@
 @import "util";
 @import "grid";
 @import "forms";
+@import "tables";
 
 body {
   font-family: Raleway, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -21,19 +22,6 @@ h1, h2, h3 {
   }
 }
 
-table {
-  border-collapse: collapse;
-
-  th {
-    color: #222;
-  }
-
-  th, td {
-    border: 1px solid #eee;
-    padding: 4px 8px;
-  }
-}
-
 a {
   color: #09f;
   text-decoration: none;