• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1//
2// Badges
3// --------------------------------------------------
4
5
6// Base class
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  .btn-xs &,
33  .btn-group-xs > .btn & {
34    top: 0;
35    padding: 1px 5px;
36  }
37
38  // Hover state, but only for links
39  a& {
40    &:hover,
41    &:focus {
42      color: @badge-link-hover-color;
43      text-decoration: none;
44      cursor: pointer;
45    }
46  }
47
48  // Account for badges in navs
49  .list-group-item.active > &,
50  .nav-pills > .active > a > & {
51    color: @badge-active-color;
52    background-color: @badge-active-bg;
53  }
54
55  .list-group-item > & {
56    float: right;
57  }
58
59  .list-group-item > & + & {
60    margin-right: 5px;
61  }
62
63  .nav-pills > li > a > & {
64    margin-left: 3px;
65  }
66}
67