tweak table style (vuejs#632)

kazupon · chrisvfritz · commit 7a552644dc00 · 2016-12-03T13:13:11.000-05:00
diff --git a/themes/vue/source/css/page.styl b/themes/vue/source/css/page.styl
@@ -94,10 +94,9 @@
     iframe
         margin 1em 0
     > table
-        border 1px solid $border
+        border 2px solid $white
         margin 1.2em auto
         padding: 1em
-        border-collapse collapse
         td, th
             line-height 1.6em
             padding .5em
@@ -106,16 +105,17 @@
                 padding-left: 1.4em
             &:last-child
                 padding-right: 1.4em
+        td
+            background-color: $codebg
         th
+            background-color: $green
+            color: #fff
             padding-top: .85em
             padding-bottom .85em
             text-align left
         tbody
-            tr:nth-child(2n - 1)
-                background-color #fdfdfd
-            tr:last-child
-                td
-                    padding-bottom: 1.2em
+            code
+                background-color #efefef
     p.tip
         padding 12px 24px 12px 30px
         margin 2em 0
