adding basic badges support

2 files changed, 36 insertions, 0 deletions

diff --git a/less/badges.less b/less/badges.less
new file mode 100644
index 000000000..6f74108ee
--- /dev/null
+++ b/less/badges.less
@@ -0,0 +1,35 @@
+// BADGES
+// ------
+
+// Base
+.badge {
+  padding: 2px 10px 3px;
+  font-size: @baseFontSize * .925;
+  font-weight: bold;
+  color: @white;
+  background-color: @grayLight;
+  .border-radius(10px);
+}
+
+// Hover state
+.badge:hover {
+  color: @white;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+// Colors
+.badge-error            { background-color: @errorText; }
+.badge-error:hover      { background-color: darken(@errorText, 10%); }
+
+.badge-warning          { background-color: @orange; }
+.badge-warning:hover    { background-color: darken(@orange, 10%); }
+
+.badge-success          { background-color: @successText; }
+.badge-success:hover    { background-color: darken(@successText, 10%); }
+
+.badge-info             { background-color: @infoText; }
+.badge-info:hover       { background-color: darken(@infoText, 10%); }
+
+.badge-inverse          { background-color: @grayDark; }
+.badge-inverse:hover    { background-color: darken(@grayDark, 10%); }
\ No newline at end of file
diff --git a/less/bootstrap.less b/less/bootstrap.less
index 4b09b7aa6..0d380a0e2 100644
--- a/less/bootstrap.less
+++ b/less/bootstrap.less
@@ -53,6 +53,7 @@
 // Components: Misc
 @import "thumbnails.less";
 @import "labels.less";
+@import "badges.less";
 @import "progress-bars.less";
 @import "accordion.less";
 @import "carousel.less";