From bc317f01237a145a7a6e01364c9fa1dfa4bd1176 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 4 Dec 2015 13:36:17 -0500
Subject: [PATCH] refactor(badge): changed the element name for badges and
 added colors

references #689
---
 ionic/components/badge/badge.scss | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/ionic/components/badge/badge.scss b/ionic/components/badge/badge.scss
index b793f186d7..af59078381 100644
--- a/ionic/components/badge/badge.scss
+++ b/ionic/components/badge/badge.scss
@@ -8,7 +8,7 @@ $badge-font-weight:               bold !default;
 $badge-border-radius:             10px !default;
 
 
-item-badge {
+ion-badge {
   display: inline-block;
 
   padding: 3px 8px;
@@ -29,3 +29,15 @@ item-badge {
     display: none;
   }
 }
+
+// Generate Default Badge Colors
+// --------------------------------------------------
+
+@each $color-name, $color-value in $colors {
+
+  .badge-#{$color-name} {
+    background-color: $color-value;
+    color: inverse($color-value);
+  }
+
+}