summaryrefslogtreecommitdiff
path: root/bower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2013-11-12 15:34:23 -0500
committerThomas Park <thomas@thomaspark.me>2013-11-12 15:34:23 -0500
commit016d9a2ae924c3999ff9aa279511e32c0bfbe7bb (patch)
treec04189b0eed7025a6764360cbe3613c900353fe6 /bower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less
parent61dab0661ba43d3192fa8c2945f7343df44049ed (diff)
update to fontawesome 4
Diffstat (limited to 'bower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less')
-rwxr-xr-xbower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less84
1 files changed, 84 insertions, 0 deletions
diff --git a/bower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less b/bower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less
new file mode 100755
index 00000000..bc321fe5
--- /dev/null
+++ b/bower_components/font-awesome/src/3.2.1/assets/less/bootstrap-2.3.2/labels-badges.less
@@ -0,0 +1,84 @@
+//
+// Labels and badges
+// --------------------------------------------------
+
+
+// Base classes
+.label,
+.badge {
+ display: inline-block;
+ padding: 2px 4px;
+ font-size: @baseFontSize * .846;
+ font-weight: bold;
+ line-height: 14px; // ensure proper line-height if floated
+ color: @white;
+ vertical-align: baseline;
+ white-space: nowrap;
+ text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+ background-color: @grayLight;
+}
+// Set unique padding and border-radii
+.label {
+ .border-radius(3px);
+}
+.badge {
+ padding-left: 9px;
+ padding-right: 9px;
+ .border-radius(9px);
+}
+
+// Empty labels/badges collapse
+.label,
+.badge {
+ &:empty {
+ display: none;
+ }
+}
+
+// Hover/focus state, but only for links
+a {
+ &.label:hover,
+ &.label:focus,
+ &.badge:hover,
+ &.badge:focus {
+ color: @white;
+ text-decoration: none;
+ cursor: pointer;
+ }
+}
+
+// Colors
+// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
+.label,
+.badge {
+ // Important (red)
+ &-important { background-color: @errorText; }
+ &-important[href] { background-color: darken(@errorText, 10%); }
+ // Warnings (orange)
+ &-warning { background-color: @orange; }
+ &-warning[href] { background-color: darken(@orange, 10%); }
+ // Success (green)
+ &-success { background-color: @successText; }
+ &-success[href] { background-color: darken(@successText, 10%); }
+ // Info (turquoise)
+ &-info { background-color: @infoText; }
+ &-info[href] { background-color: darken(@infoText, 10%); }
+ // Inverse (black)
+ &-inverse { background-color: @grayDark; }
+ &-inverse[href] { background-color: darken(@grayDark, 10%); }
+}
+
+// Quick fix for labels/badges in buttons
+.btn {
+ .label,
+ .badge {
+ position: relative;
+ top: -1px;
+ }
+}
+.btn-mini {
+ .label,
+ .badge {
+ top: 0;
+ }
+}