info@53: // info@53: // Badges info@53: // -------------------------------------------------- info@53: info@53: info@53: // Base classes info@53: .badge { info@53: display: inline-block; info@53: min-width: 10px; info@53: padding: 3px 7px; info@53: font-size: @font-size-small; info@53: font-weight: @badge-font-weight; info@53: color: @badge-color; info@53: line-height: @badge-line-height; info@53: vertical-align: baseline; info@53: white-space: nowrap; info@53: text-align: center; info@53: background-color: @badge-bg; info@53: border-radius: @badge-border-radius; info@53: info@53: // Empty badges collapse automatically (not available in IE8) info@53: &:empty { info@53: display: none; info@53: } info@53: info@53: // Quick fix for badges in buttons info@53: .btn & { info@53: position: relative; info@53: top: -1px; info@53: } info@53: } info@53: info@53: // Hover state, but only for links info@53: a.badge { info@53: &:hover, info@53: &:focus { info@53: color: @badge-link-hover-color; info@53: text-decoration: none; info@53: cursor: pointer; info@53: } info@53: } info@53: info@53: // Account for counters in navs info@53: a.list-group-item.active > .badge, info@53: .nav-pills > .active > a > .badge { info@53: color: @badge-active-color; info@53: background-color: @badge-active-bg; info@53: } info@53: .nav-pills > li > a > .badge { info@53: margin-left: 3px; info@53: }