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