Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <otto@github.com>2012-12-20 09:18:32 +0400
committerMark Otto <otto@github.com>2012-12-20 09:18:32 +0400
commitc6cc1b1a1d401e30e2cb7df853461dfc78134f7f (patch)
tree244531973733adbd1a2bc14234573601e928b434 /less/labels-badges.less
parent85971ff3e80ce90573ed243055b1b0ba7685e15e (diff)
Drop .label component. Instead, just use .badge because fuck dupe code and stuff.
Diffstat (limited to 'less/labels-badges.less')
-rw-r--r--less/labels-badges.less82
1 files changed, 0 insertions, 82 deletions
diff --git a/less/labels-badges.less b/less/labels-badges.less
deleted file mode 100644
index 8440cc4691..0000000000
--- a/less/labels-badges.less
+++ /dev/null
@@ -1,82 +0,0 @@
-//
-// Labels and badges
-// --------------------------------------------------
-
-
-// Base classes
-.label,
-.badge {
- display: inline-block;
- padding: 2px 4px;
- font-size: @font-size-base * .846;
- font-weight: bold;
- line-height: 14px; // ensure proper line-height if floated
- color: #fff;
- 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 state, but only for links
-a {
- &.label:hover,
- &.badge:hover {
- color: #fff;
- 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)
- &-danger { background-color: @state-error-text; }
- &-danger[href] { background-color: darken(@state-error-text, 10%); }
- // Warnings (orange)
- &-warning { background-color: #f89406; }
- &-warning[href] { background-color: darken(#f89406, 10%); }
- // Success (green)
- &-success { background-color: @state-success-text; }
- &-success[href] { background-color: darken(@state-success-text, 10%); }
- // Info (turquoise)
- &-info { background-color: @state-info-text; }
- &-info[href] { background-color: darken(@state-info-text, 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;
- }
-}