From f4b963c9eb68021f8ccec47a33a3e20803702b5a Mon Sep 17 00:00:00 2001
From: Geoff Pleiss <gpleiss@pivotal.io>
Date: Wed, 1 Jul 2015 10:58:24 -0700
Subject: [PATCH] feat(notifications): alert notifications badges no longer
 need modifier classes

[#97701618]
---
 src/pivotal-ui-react/notifications/notifications.js | 4 ++--
 src/pivotal-ui/components/dropdowns/dropdowns.scss  | 3 ++-
 src/pivotal-ui/components/pui-variables.scss        | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/pivotal-ui-react/notifications/notifications.js b/src/pivotal-ui-react/notifications/notifications.js
index 1aaadec39..04c43db27 100644
--- a/src/pivotal-ui-react/notifications/notifications.js
+++ b/src/pivotal-ui-react/notifications/notifications.js
@@ -86,10 +86,10 @@ var Notifications = React.createClass({
 var AlertNotifications = React.createClass({
   render() {
     var {children} = this.props;
-    var badge = children ? <Icon name="exclamation-triangle" className="dropdown-notifications-alert h4 type-warn-2"></Icon> : null;
+    var badge = children ? <Icon name="exclamation-triangle" className="dropdown-notifications-alert"></Icon> : null;
     var dropdownTitle = (
       <div className="dropdown-notifications-title">
-        <i className="fa fa-bell type-neutral-6 fa-h2 mvn"></i>
+        <i className="fa fa-bell"></i>
         {badge}
       </div>
     );
diff --git a/src/pivotal-ui/components/dropdowns/dropdowns.scss b/src/pivotal-ui/components/dropdowns/dropdowns.scss
index 46619bf64..e9e2bea0a 100644
--- a/src/pivotal-ui/components/dropdowns/dropdowns.scss
+++ b/src/pivotal-ui/components/dropdowns/dropdowns.scss
@@ -276,7 +276,7 @@ This is a notification dropdown with alerts.
   <button data-toggle="dropdown" class="dropdown-toggle btn btn-link" type="button">
     <div class="dropdown-notifications-title">
       <i class="fa fa-bell"></i>
-      <i class="fa fa-exclamation-triangle dropdown-notifications-alert type-warn-2"></i>
+      <i class="fa fa-exclamation-triangle dropdown-notifications-alert"></i>
     </div>
   </button>
   <ul class="dropdown-menu" role="menu">
@@ -364,6 +364,7 @@ This is a notification dropdown with alerts.
   position: absolute;
   top: -6px;
   right: 6px;
+  color: $notifications-alert-default-color;
 }
 
 .dropdown-notifications-list {
diff --git a/src/pivotal-ui/components/pui-variables.scss b/src/pivotal-ui/components/pui-variables.scss
index feaa1aff6..baa9e57bd 100644
--- a/src/pivotal-ui/components/pui-variables.scss
+++ b/src/pivotal-ui/components/pui-variables.scss
@@ -498,6 +498,7 @@ $notifications-bell-default-size:     $font-size-h2;
 $notifications-bell-default-color:    $neutral-6;
 $notifications-badge-default-bg:      $brand-3;
 $notifications-badge-font-wieght:     900;
+$notifications-alert-default-color:   $warn-2;
 
 
 // COMPONENT VARIABLES