equal
deleted
inserted
replaced
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 // Quick fix for badges in buttons |
|
27 .btn & { |
|
28 position: relative; |
|
29 top: -1px; |
|
30 } |
|
31 } |
|
32 |
|
33 // Hover state, but only for links |
|
34 a.badge { |
|
35 &:hover, |
|
36 &:focus { |
|
37 color: @badge-link-hover-color; |
|
38 text-decoration: none; |
|
39 cursor: pointer; |
|
40 } |
|
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 } |
|