Changing counts to badges.

lib/sass/counts.scss

@@ -1,73 +0,0 @@
-//
-// Counts
-// --------------------------------------------------
-
-[class*="count"] {
-  display: inline-block;
-  color: $default-color;
-
-  &.count-filled {
-    padding: 2px 9px;
-    color: #fff;
-    font-size: 13px;
-    line-height: 1;
-    background-color: $default-color;
-    border-radius: 100px;
-  }
-}
-
-
-// Count modifiers
-// --------------------------------------------------
-
-// Main count
-.count-primary {
-  color: $primary-color;
-
-  &.count-filled {
-    background-color: $primary-color;
-  }
-}
-
-// Positive count
-.count-positive {
-  color: $positive-color;
-
-  &.count-filled {
-    background-color: $positive-color;
-  }
-}
-
-// Negative count
-.count-negative {
-  color: $negative-color;
-
-  &.count-filled {
-    background-color: $negative-color;
-  }
-}
-
-
-// Counts in buttons
-// --------------------------------------------------
-
-// Generic styles for all counts within default buttons
-[class*="button"] [class*="count"] {
-  font-size: 12px;
-  padding-top: 2px;
-  padding-bottom: 2px;
-  margin: -2px -4px -2px 4px;
-}
-// Styles for filled counts within filled buttons
-.button-filled .count-filled,
-[class*="button"]:active .count-filled {
-  background-color: rgba(0,0,0,.2);
-}
-// Position counts within block level buttons
-// Note: These are absolutely positioned so that text of button isn't "pushed" by count and always
-// stays at true center of button
-.button-block [class*="count"] {
-  position: absolute;
-  right: 0;
-  margin-right: 10px;
-}