Commit | Line | Data |
---|---|---|
7b869721 S |
1 | // |
2 | // Badges | |
3 | // -------------------------------------------------- | |
4 | ||
5 | ||
6 | // Base classes | |
7 | .badge { | |
8 | display: inline-block; | |
9 | min-width: 10px; | |
10 | padding: 3px 7px; | |
11 | font-size: @font-size-small; | |
12 | font-weight: @badge-font-weight; | |
13 | color: @badge-color; | |
14 | line-height: @badge-line-height; | |
15 | vertical-align: baseline; | |
16 | white-space: nowrap; | |
17 | text-align: center; | |
18 | background-color: @badge-bg; | |
19 | border-radius: @badge-border-radius; | |
20 | ||
21 | // Empty badges collapse automatically (not available in IE8) | |
22 | &:empty { | |
23 | display: none; | |
24 | } | |
25 | } | |
26 | ||
27 | // Hover state, but only for links | |
28 | a.badge { | |
29 | &:hover, | |
30 | &:focus { | |
31 | color: @badge-link-hover-color; | |
32 | text-decoration: none; | |
33 | cursor: pointer; | |
34 | } | |
35 | } | |
36 | ||
37 | // Quick fix for labels/badges in buttons | |
38 | .btn .badge { | |
39 | position: relative; | |
40 | top: -1px; | |
41 | } | |
42 | ||
43 | // Account for counters in navs | |
44 | a.list-group-item.active > .badge, | |
45 | .nav-pills > .active > a > .badge { | |
46 | color: @badge-active-color; | |
47 | background-color: @badge-active-bg; | |
48 | } | |
49 | .nav-pills > li > a > .badge { | |
50 | margin-left: 3px; | |
51 | } |