diff options
author | Mark Otto <otto@github.com> | 2012-12-20 09:18:32 +0400 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2012-12-20 09:18:32 +0400 |
commit | c6cc1b1a1d401e30e2cb7df853461dfc78134f7f (patch) | |
tree | 244531973733adbd1a2bc14234573601e928b434 /less/labels-badges.less | |
parent | 85971ff3e80ce90573ed243055b1b0ba7685e15e (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.less | 82 |
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; - } -} |