rbowen / centos / centos.org

Forked from centos/centos.org 4 years ago
Clone

Blame content/assets/css/bootstrap/_badges.scss

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