From 10b9ae9cd661540c377b5e598cd1f38b7f79cc2d Mon Sep 17 00:00:00 2001
From: Eric Bidelman
Date: Mon, 9 Apr 2012 23:35:39 -0700
Subject: Tables that kick azz

---
 theme/sass/default.scss | 50 ++++++++++++++++++++++++++++++++++---------------
 1 file changed, 35 insertions(+), 15 deletions(-)

(limited to 'theme/sass')

diff --git a/theme/sass/default.scss b/theme/sass/default.scss
index a473b97..222ac08 100644
--- a/theme/sass/default.scss
+++ b/theme/sass/default.scss
@@ -441,20 +441,40 @@ img.centered {
 
 table {
   width: 100%;
-  border-collapse: collapse;
-  margin-top: 40px;
-}
+  border-collapse: -moz-initial;
+  border-collapse: initial;
+  border-spacing: 2px;
+  border-bottom: 1px solid $gray-3;
 
-th {
-  font-weight: 600;
-  text-align: left;
-}
+  tr > td:first-child, th {
+    font-weight: 600;
+    color: $gray-4;
+  }
+
+  tr:nth-child(odd) {
+    background-color: $gray-1;
+  }
+
+  th {
+    color: white;
+    font-size: 18px;
+    @include background(linear-gradient(top, $brand-blue 40%, $brand-blue-secondary2 80%) no-repeat);
+  }
 
-td,
-th {
-  border: 1px solid rgb(224, 224, 224);
-  padding: 5px 10px;
-  vertical-align: top;
+  td, th {
+    font-size: 18px;
+    padding: 1em 0.5em;
+  }
+
+  td.highlight {
+    color: $gray-4;
+    @include background(linear-gradient(top, $brand-yellow 40%, $brand-yellow-secondary2 80%) no-repeat);
+  }
+
+  &.rows {
+    border-bottom: none;
+    border-right: 1px solid $gray-3;
+  }
 }
 
 q {
@@ -504,9 +524,9 @@ article.smaller {
     letter-spacing: 0;
   }
   table {
-    font-size: 20px;
-    line-height: 24px;
-    letter-spacing: 0;
+    td, th {
+      font-size: 14px;
+    }
   }
   pre {
     font-size: 15px;
-- 
cgit v1.2.3