From 36e9dfec4a75268dd9f5973c239509a18f6b8a01 Mon Sep 17 00:00:00 2001
From: Nicole Sullivan <nsullivan@pivotal.io>
Date: Wed, 22 Oct 2014 13:58:18 -0400
Subject: [PATCH] feat(table-key-value): add docs for key value table

BREAKING CHANGE: (css class) table-horizontal and table-numerical are replaced by table-key-value

[Finishes #81055936]

Signed-off-by: Geoff Pleiss <gpleiss@pivotal.io>
---
 src/pivotal-ui/components/tables.scss | 131 +-------------------------
 1 file changed, 1 insertion(+), 130 deletions(-)

diff --git a/src/pivotal-ui/components/tables.scss b/src/pivotal-ui/components/tables.scss
index 48202b552..66fba1a24 100644
--- a/src/pivotal-ui/components/tables.scss
+++ b/src/pivotal-ui/components/tables.scss
@@ -167,70 +167,6 @@ This is a table used to display many rows of data (it is pretty much the default
   }
 }
 
-/*doc
----
-title: Horizontal
-name: table_horizontal
-parent: table
----
-
-This is the horizontal table used mainly on the user profile page. Typically it is paired `.table-striped` and `.table-standard`. It does not have a header row.
-
-
-
-```haml_example
-
-%table.table.table-striped.table-horizontal
-  %tbody
-    %tr
-      %th Email
-      %td joe@example.com
-    %tr
-      %th Current Password
-      %td *******
-    %tr
-      %th First Name
-      %td Joe
-    %tr
-      %th Last Name
-      %td Bobs
-    %tr
-      %th Phone
-      %td 415-555-0000
-```
-
-*/
-.table-horizontal {
-  tbody, thead, .tbody, .thead {
-    tr, .tr {
-      th, .th {
-        border: none; // overwriting bootstrap default values which are too specific
-      }
-    }
-  }
-  tbody {
-    tr {
-      &:last-child {
-        border: none;
-      }
-      th, td {
-        padding: 20px;
-      }
-      th {
-        font-weight: 400;
-        text-align: right;
-        width: 33%;
-      }
-      td {
-        font-weight: 600;
-        &:last-child {
-          border: none;
-        }
-      }
-    }
-  }
-}
-
 /*doc
 ---
 title: Key-Value
@@ -238,7 +174,7 @@ name: table_key_value
 parent: table
 ---
 
-This table is used to align headings and content on the same line. You have to
+This table is used when the table headings are on the left. It looks better when you
 specify column widths for the th/tds.
 
 
@@ -299,71 +235,6 @@ specify column widths for the th/tds.
   }
 }
 
-/*doc
----
-title: Numerical
-name: table_numerical
-parent: table
----
-
-This is the table used on the billing page.
-
-
-
-```haml_example
-
-%table.table.table-numerical
-  %tbody
-    %tr
-      %th Email
-      %td joe@example.com
-    %tr
-      %th Current Password
-      %td *******
-    %tr
-      %th First Name
-      %td Joe
-    %tr
-      %th Last Name
-      %td Bobs
-    %tr
-      %th Phone
-      %td 415-555-0000
-```
-
-*/
-.table-numerical {
-  tbody, thead, .tbody, .thead {
-    tr, .tr {
-      th, .th {
-        border: none; // overwriting bootstrap default values which are too specific
-      }
-    }
-  }
-  tbody {
-    tr {
-      &:last-child {
-        border: none;
-      }
-      th, td {
-        padding: 5px 0;
-      }
-      th {
-        font-weight: 400;
-        text-align: left;
-        width: 33%;
-        color: $gray-3;
-      }
-      td {
-        text-align: right;
-        &:last-child {
-          border: none;
-        }
-      }
-    }
-  }
-}
-
 /*pending
 ---
 title: Clickable