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