aboutsummaryrefslogtreecommitdiffstats
path: root/alias-angular/app/css/less/badges.less
diff options
context:
space:
mode:
Diffstat (limited to 'alias-angular/app/css/less/badges.less')
-rw-r--r--alias-angular/app/css/less/badges.less36
1 files changed, 36 insertions, 0 deletions
diff --git a/alias-angular/app/css/less/badges.less b/alias-angular/app/css/less/badges.less
new file mode 100644
index 0000000..273479b
--- /dev/null
+++ b/alias-angular/app/css/less/badges.less
@@ -0,0 +1,36 @@
+// BADGES
+// ------
+
+// Base
+.badge {
+ padding: 1px 9px 2px;
+ font-size: @baseFontSize * .925;
+ font-weight: bold;
+ white-space: nowrap;
+ color: @white;
+ background-color: @grayLight;
+ .border-radius(9px);
+}
+
+// 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