From c3431cf2a8c768146e07b8a3310e1c88bda3bbe6 Mon Sep 17 00:00:00 2001
From: connors <connor.sears@github.com>
Date: Sat, 19 Oct 2013 13:14:31 -0700
Subject: [PATCH] Updating the component pages.

---
 examples/components/classic/index.html | 72 +++++++++++++-------------
 examples/components/default/index.html | 72 +++++++++++++-------------
 2 files changed, 72 insertions(+), 72 deletions(-)

diff --git a/examples/components/classic/index.html b/examples/components/classic/index.html
index 8a43a03..7e151ed 100644
--- a/examples/components/classic/index.html
+++ b/examples/components/classic/index.html
@@ -49,10 +49,10 @@
       <li>Item1</li>
       <li>Item2</li>
       <li>Item3</li>
-      <li class="table-view-divider">With counts</li>
-      <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
-      <li>Item2 <span class="count">1</span></li>
-      <li>Item3 <span class="count">1</span></li>
+      <li class="table-view-divider">With badges</li>
+      <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
+      <li>Item2 <span class="badge">1</span></li>
+      <li>Item3 <span class="badge">1</span></li>
       <li class="table-view-divider">With chevrons</li>
       <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
       <li>Item2 <span class="chevron"></span></li>
@@ -330,11 +330,11 @@
   <a class="button-positive">Button</a>
   <a class="button-negative">Button</a>
 
-  <!-- Buttons w/ counts -->
-  <a class="button">Button <span class="count">1</span></a>
-  <a class="button-primary">Button <span class="count">1</span></a>
-  <a class="button-positive">Button <span class="count">1</span></a>
-  <a class="button-negative">Button <span class="count">1</span></a>
+  <!-- Buttons w/ badges -->
+  <a class="button">Button <span class="badge">1</span></a>
+  <a class="button-primary">Button <span class="badge">1</span></a>
+  <a class="button-positive">Button <span class="badge">1</span></a>
+  <a class="button-negative">Button <span class="badge">1</span></a>
 
   <!-- Buttons at block level -->
   <a class="button-block">Block level button</a>
@@ -342,41 +342,41 @@
   <a class="button-positive button-block">Block level button</a>
   <a class="button-negative button-block">Block level button</a>
 
-  <!-- Buttons at block level w/ counts -->
-  <a class="button-block">Block level button <span class="count">1</span></a>
-  <a class="button-primary button-block">Block level button <span class="count">1</span></a>
-  <a class="button-positive button-block">Block level button <span class="count">1</span></a>
-  <a class="button-negative button-block">Block level button <span class="count">1</span></a>
+  <!-- Buttons at block level w/ badges -->
+  <a class="button-block">Block level button <span class="badge">1</span></a>
+  <a class="button-primary button-block">Block level button <span class="badge">1</span></a>
+  <a class="button-positive button-block">Block level button <span class="badge">1</span></a>
+  <a class="button-negative button-block">Block level button <span class="badge">1</span></a>
 
   <!-- TOGGLE ============================================================ -->
   <div class="toggle">
     <div class="toggle-handle"></div>
   </div>
 
-  <!-- COUNTS ============================================================ -->
-  <span class="count">1</span>
-  <span class="count-primary">2</span>
-  <span class="count-positive">3</span>
-  <span class="count-negative">4</span>
-  <span class="count">5</span>
+  <!-- BADGES ============================================================ -->
+  <span class="badge">1</span>
+  <span class="badge-primary">2</span>
+  <span class="badge-positive">3</span>
+  <span class="badge-negative">4</span>
+  <span class="badge">5</span>
 
   <!-- LIST ============================================================ -->
   <ul class="table-view">
     <li>Item1</li>
     <li>Item2</li>
     <li>Item3</li>
-    <li class="table-view-divider">With counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
-    <li>Item2 <span class="count">1</span></li>
-    <li>Item3 <span class="count">1</span></li>
+    <li class="table-view-divider">With badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
+    <li>Item2 <span class="badge">1</span></li>
+    <li>Item3 <span class="badge">1</span></li>
     <li class="table-view-divider">With chevrons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
     <li>Item2 <span class="chevron"></span></li>
     <li>Item3 <span class="chevron"></span></li>
-    <li class="table-view-divider">With chevrons &amp; counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count-primary">1</span></li>
-    <li>Item2 <span class="chevron"></span><span class="count-negative">1</span></li>
-    <li>Item3 <span class="chevron"></span><span class="count-positive">1</span></li>
+    <li class="table-view-divider">With chevrons &amp; badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge-primary">1</span></li>
+    <li>Item2 <span class="chevron"></span><span class="badge-negative">1</span></li>
+    <li>Item3 <span class="chevron"></span><span class="badge-positive">1</span></li>
     <li class="table-view-divider">With buttons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
     <li>Item2 <a class="button-primary">Button</a></li>
@@ -410,18 +410,18 @@
     <li>Item1</li>
     <li>Item2</li>
     <li>Item3</li>
-    <li class="table-view-divider">With counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
-    <li>Item2 <span class="count">1</span></li>
-    <li>Item3 <span class="count">1</span></li>
+    <li class="table-view-divider">With badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
+    <li>Item2 <span class="badge">1</span></li>
+    <li>Item3 <span class="badge">1</span></li>
     <li class="table-view-divider">With chevrons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
     <li>Item2 <span class="chevron"></span></li>
     <li>Item3 <span class="chevron"></span></li>
-    <li class="table-view-divider">With chevrons &amp; counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count">1</span></li>
-    <li>Item2 <span class="chevron"></span><span class="count">1</span></li>
-    <li>Item3 <span class="chevron"></span><span class="count">1</span></li>
+    <li class="table-view-divider">With chevrons &amp; badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge">1</span></li>
+    <li>Item2 <span class="chevron"></span><span class="badge">1</span></li>
+    <li>Item3 <span class="chevron"></span><span class="badge">1</span></li>
     <li class="table-view-divider">With buttons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
     <li>Item2 <a class="button-primary">Button</a></li>
diff --git a/examples/components/default/index.html b/examples/components/default/index.html
index 5621214..03cf1f4 100644
--- a/examples/components/default/index.html
+++ b/examples/components/default/index.html
@@ -49,10 +49,10 @@
       <li>Item1</li>
       <li>Item2</li>
       <li>Item3</li>
-      <li class="table-view-divider">With counts</li>
-      <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
-      <li>Item2 <span class="count">1</span></li>
-      <li>Item3 <span class="count">1</span></li>
+      <li class="table-view-divider">With badges</li>
+      <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
+      <li>Item2 <span class="badge">1</span></li>
+      <li>Item3 <span class="badge">1</span></li>
       <li class="table-view-divider">With chevrons</li>
       <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
       <li>Item2 <span class="chevron"></span></li>
@@ -330,11 +330,11 @@
   <a class="button-positive">Button</a>
   <a class="button-negative">Button</a>
 
-  <!-- Buttons w/ counts -->
-  <a class="button">Button <span class="count">1</span></a>
-  <a class="button-primary">Button <span class="count">1</span></a>
-  <a class="button-positive">Button <span class="count">1</span></a>
-  <a class="button-negative">Button <span class="count">1</span></a>
+  <!-- Buttons w/ badges -->
+  <a class="button">Button <span class="badge">1</span></a>
+  <a class="button-primary">Button <span class="badge">1</span></a>
+  <a class="button-positive">Button <span class="badge">1</span></a>
+  <a class="button-negative">Button <span class="badge">1</span></a>
 
   <!-- Buttons at block level -->
   <a class="button-block">Block level button</a>
@@ -342,41 +342,41 @@
   <a class="button-positive button-block">Block level button</a>
   <a class="button-negative button-block">Block level button</a>
 
-  <!-- Buttons at block level w/ counts -->
-  <a class="button-block">Block level button <span class="count">1</span></a>
-  <a class="button-primary button-block">Block level button <span class="count">1</span></a>
-  <a class="button-positive button-block">Block level button <span class="count">1</span></a>
-  <a class="button-negative button-block">Block level button <span class="count">1</span></a>
+  <!-- Buttons at block level w/ badges -->
+  <a class="button-block">Block level button <span class="badge">1</span></a>
+  <a class="button-primary button-block">Block level button <span class="badge">1</span></a>
+  <a class="button-positive button-block">Block level button <span class="badge">1</span></a>
+  <a class="button-negative button-block">Block level button <span class="badge">1</span></a>
 
   <!-- TOGGLE ============================================================ -->
   <div class="toggle">
     <div class="toggle-handle"></div>
   </div>
 
-  <!-- COUNTS ============================================================ -->
-  <span class="count">1</span>
-  <span class="count-primary">2</span>
-  <span class="count-positive">3</span>
-  <span class="count-negative">4</span>
-  <span class="count">5</span>
+  <!-- BADGES ============================================================ -->
+  <span class="badge">1</span>
+  <span class="badge-primary">2</span>
+  <span class="badge-positive">3</span>
+  <span class="badge-negative">4</span>
+  <span class="badge">5</span>
 
   <!-- LIST ============================================================ -->
   <ul class="table-view">
     <li>Item1</li>
     <li>Item2</li>
     <li>Item3</li>
-    <li class="table-view-divider">With counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
-    <li>Item2 <span class="count">1</span></li>
-    <li>Item3 <span class="count">1</span></li>
+    <li class="table-view-divider">With badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
+    <li>Item2 <span class="badge">1</span></li>
+    <li>Item3 <span class="badge">1</span></li>
     <li class="table-view-divider">With chevrons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
     <li>Item2 <span class="chevron"></span></li>
     <li>Item3 <span class="chevron"></span></li>
-    <li class="table-view-divider">With chevrons &amp; counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count-primary">1</span></li>
-    <li>Item2 <span class="chevron"></span><span class="count-negative">1</span></li>
-    <li>Item3 <span class="chevron"></span><span class="count-positive">1</span></li>
+    <li class="table-view-divider">With chevrons &amp; badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge-primary">1</span></li>
+    <li>Item2 <span class="chevron"></span><span class="badge-negative">1</span></li>
+    <li>Item3 <span class="chevron"></span><span class="badge-positive">1</span></li>
     <li class="table-view-divider">With buttons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
     <li>Item2 <a class="button-primary">Button</a></li>
@@ -410,18 +410,18 @@
     <li>Item1</li>
     <li>Item2</li>
     <li>Item3</li>
-    <li class="table-view-divider">With counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
-    <li>Item2 <span class="count">1</span></li>
-    <li>Item3 <span class="count">1</span></li>
+    <li class="table-view-divider">With badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
+    <li>Item2 <span class="badge">1</span></li>
+    <li>Item3 <span class="badge">1</span></li>
     <li class="table-view-divider">With chevrons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
     <li>Item2 <span class="chevron"></span></li>
     <li>Item3 <span class="chevron"></span></li>
-    <li class="table-view-divider">With chevrons &amp; counts</li>
-    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count">1</span></li>
-    <li>Item2 <span class="chevron"></span><span class="count">1</span></li>
-    <li>Item3 <span class="chevron"></span><span class="count">1</span></li>
+    <li class="table-view-divider">With chevrons &amp; badges</li>
+    <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge">1</span></li>
+    <li>Item2 <span class="chevron"></span><span class="badge">1</span></li>
+    <li>Item3 <span class="chevron"></span><span class="badge">1</span></li>
     <li class="table-view-divider">With buttons</li>
     <li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
     <li>Item2 <a class="button-primary">Button</a></li>